Fix button contrast issues: add default colors to base .btn class and fix .cta-section .btn text visibility
- Base .btn now defaults to green bg (#148069) with white text - .cta-section .btn on /tools page now explicitly sets color: white - Fixes WCAG AA contrast failure where dark grey text (#444) was on dark blue bg (#144784) - All bare .btn elements across site (tools, blog articles, error pages) now have visible text
This commit is contained in:
@@ -42,6 +42,8 @@ body {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
background: #148069;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
|
|||||||
7322
assets/css/main.min.css
vendored
7322
assets/css/main.min.css
vendored
File diff suppressed because it is too large
Load Diff
@@ -149,7 +149,7 @@ $canonical_url = "https://ukdataservices.co.uk/tools/";
|
|||||||
}
|
}
|
||||||
.cta-section h3 { color: #1a1a2e; margin-bottom: 15px; font-size: 1.5em; }
|
.cta-section h3 { color: #1a1a2e; margin-bottom: 15px; font-size: 1.5em; }
|
||||||
.cta-section p { color: #666; margin-bottom: 25px; max-width: 500px; margin-left: auto; margin-right: auto; }
|
.cta-section p { color: #666; margin-bottom: 25px; max-width: 500px; margin-left: auto; margin-right: auto; }
|
||||||
.cta-section .btn { background: #144784; padding: 14px 32px; }
|
.cta-section .btn { background: #144784; color: white; padding: 14px 32px; }
|
||||||
.cta-section .btn:hover { background: #0d3a6e; }
|
.cta-section .btn:hover { background: #0d3a6e; }
|
||||||
.blog-link {
|
.blog-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
Reference in New Issue
Block a user