-
Notifications
You must be signed in to change notification settings - Fork 4k
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
More themeable mixin in action #2646
Conversation
@@ -686,8 +695,7 @@ a.header-link { | |||
font-size: 12px; | |||
text-align: right; | |||
a { | |||
color: $medium-gray; | |||
color: var(--theme-secondary-color, $dark-gray); | |||
@include themeable(color, theme-secondary-color, $medium-gray); |
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.
Question here... $medium-gray
or $dark-gray
?
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.
Nice catch. The previous code was broken. I guess we'll see if this looks wrong, but I think it's going back to what it was before.
@@ -780,8 +788,7 @@ a.header-link { | |||
} | |||
} | |||
a { | |||
color: lighten($dark-gray, 3%); | |||
color: var(--theme-secondary-color, $dark-gray); | |||
@include themeable(color, theme-secondary-color, lighten($dark-gray, 3%)); |
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.
Question here... lighten($dark-gray, 3%)
or $dark-gray
?
@@ -147,7 +150,11 @@ | |||
outline: none; | |||
font-weight: bold; | |||
color: #333333; | |||
font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; | |||
font-family: 'HelveticaNeue-CondensedBold', 'HelveticaNeueBoldCondensed', |
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.
Just some linting in action here.
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.
This looks great
What type of PR is this? (check all applicable)
Description
Continuing on the refactor of using the
themeable
SASS mixin.Related Tickets & Documents
#2539
Mobile & Desktop Screenshots/Recordings (if there are UI changes)
N/A
Added to documentation?
[optional] What gif best describes this PR or how it makes you feel?