mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-24 19:25:27 +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 {
|
&:hover, &:focus-within {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@media (prefers-contrast: more) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -262,6 +262,9 @@ header .search-box {
|
|||||||
&:hover, &:focus-within {
|
&:hover, &:focus-within {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@media (prefers-contrast: more) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include smaller-than($l) {
|
@include smaller-than($l) {
|
||||||
|
@ -369,6 +369,9 @@ body.flexbox {
|
|||||||
&:focus-within {
|
&:focus-within {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@media (prefers-contrast: more) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -412,4 +412,7 @@ body.mce-fullscreen, body.markdown-fullscreen {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@media (prefers-contrast: more) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user