dev: Renamed '--backdropPositionY' to a more logical name, '--backdropTrimFromTop'
This commit is contained in:
parent
422a1e185e
commit
296263c9d7
1 changed files with 4 additions and 4 deletions
|
|
@ -154,9 +154,9 @@
|
||||||
use 4.6em to get the solid app bar (cleaner with border) */
|
use 4.6em to get the solid app bar (cleaner with border) */
|
||||||
--appBarHeight: 5em;
|
--appBarHeight: 5em;
|
||||||
|
|
||||||
/* use 50% to crop the top of the backdrop image slightly (recommended) [default];
|
/* use 10% to crop the top 10% of a backdrop image on a 16:9 screen (recommended) [default];
|
||||||
use 0% to prevent the cropping from top, or choose between 0% and 100% according to your preference */
|
use a figure between 0% and 20% according to your liking */
|
||||||
--backdropPositionY: 50%;
|
--backdropTrimFromTop: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
@ -1509,7 +1509,7 @@ html,
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropImage {
|
.backdropImage {
|
||||||
background-position-y: var(--backdropPositionY);
|
background-position-y: clamp(0%, calc(var(--backdropTrimFromTop) * 5), 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropImage:after,
|
.backdropImage:after,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue