-
Notifications
You must be signed in to change notification settings - Fork 54
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
Dark texts #1038
Dark texts #1038
Conversation
00e6ddf
to
9f13c7e
Compare
Added some examples to test the limits with b0ea83c. |
Sounds rather good to me. Some edge cases:
|
@yannickcornaille or @Lausselloic, anything to add before we begin to clean up this PR? |
All this suits me. |
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.
Not 100% sure about this solution but this is the best option found so far.
@Lausselloic Does your spider-sense warn you about something or can I merge? (after having fixed pa11y issues of course)
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.
solution sounds quite good for me. Maybe some adjustment need to be done.
Don't know if @ffoodd have an advice on `[class*="..."] selector? Is there any performance issues or warning?
Nope, however Bootstrap's stylelint config will warn you about it. I personnally prefer attribute selector to overuse classes. 👌 |
Signed-off-by: louismaximepiton <[email protected]>
Signed-off-by: louismaximepiton <[email protected]>
Signed-off-by: louismaximepiton <[email protected]>
bbea861
to
fc5242b
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.
LGTM 🚀
I tried to manage all cases in that few lines, feel free to debate or try some things on this branch about dark texts. Need to see about
.bg-white
into a.bg-dark
.Preview : No preview at the moment, just add
.bg-dark
to<body>
.Solutions tested :
Need to addTested and not concluant atm, maybe to see with a:not([class*="bg-"])
? (to get[class*="-dark"] :not([class*="bg-"]) {}
):has
in the future (when implmented) ?Need to see if there is some rollback to do on carousel, dropdowns and so on ?