mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-01 05:36:00 +00:00
Added use of the prefers-contrast media query
Used upon areas we usually fade-out to provide a focused user experience. If the user desires more contrasted we prevent this behaviour using the prefers-contrast media query. Related to #2634
This commit is contained in:
parent
024924eef3
commit
096ed722dd
@ -229,6 +229,9 @@
|
||||
&:hover, &:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
@media (prefers-contrast: more) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -262,6 +262,9 @@ header .search-box {
|
||||
&:hover, &:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
@media (prefers-contrast: more) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include smaller-than($l) {
|
||||
|
@ -369,6 +369,9 @@ body.flexbox {
|
||||
&:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
@media (prefers-contrast: more) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -412,4 +412,7 @@ body.mce-fullscreen, body.markdown-fullscreen {
|
||||
text-decoration: none;
|
||||
opacity: 1;
|
||||
}
|
||||
@media (prefers-contrast: more) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user