-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
acf heading style updates #139
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Very minor changes requested, but otherwise looks good.
I had thought we only got 2 font weights bundled with the USWDS stuff, so glad to see that adding a new one is simple.
/* Add source sans pro */ | ||
@font-face { | ||
font-family: "Source Sans Pro Web"; | ||
font-style: normal; | ||
font-weight: 600; | ||
font-display: fallback; | ||
src: url(/static/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2) format("woff2"); | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I am surprised this is there! Good find 👍
font-size: 36pt; | ||
font-weight: 700; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
@@ -51,9 +53,11 @@ h3 { | |||
} | |||
|
|||
h4 { | |||
color: var(--color--cdc-blue); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's delete this — it gets overwritten in theme-opdiv-acf-white.css
anyway.
font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, | ||
sans-serif; | ||
color: var(--color--cdc-blue); | ||
font-size: 20pt; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this is already set to 20pt in theme-base.css
font-size: 11.5pt !important; | ||
font-weight: 600 !important; | ||
color: var(--color--acf-blue); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do these need !important
?
- h4 size is already set in theme-base.css - h4 colour in theme-opdiv-acf.css is overwritten later - h7 styles don't need to be !important
From this issue: #130
c83ae30
to
2382562
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Amazing work! Merging now.
issue: #130
Modifies headers to match new spec. h1, h4, and h7 are modified for the ACF theme
BEFORE:
AFTER: