mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-12-27 22:37:47 +00:00
New: Made the clear logo position from bottom configurable on desktop using a variable
This commit is contained in:
@@ -91,8 +91,10 @@
|
|||||||
|
|
||||||
--sidePadding: 3.3%;
|
--sidePadding: 3.3%;
|
||||||
--itemColumnGap: 1em;
|
--itemColumnGap: 1em;
|
||||||
|
|
||||||
--primaryItemPageNegativeSpace: 14vh;
|
--primaryItemPageNegativeSpace: 14vh;
|
||||||
--secondaryItemPageNegativeSpace: 60vh;
|
--secondaryItemPageNegativeSpace: 60vh;
|
||||||
|
--clearLogoBottomSpace: 11em;
|
||||||
|
|
||||||
--blurSmallest: blur(2px);
|
--blurSmallest: blur(2px);
|
||||||
--blurDefault: blur(5px);
|
--blurDefault: blur(5px);
|
||||||
@@ -1195,7 +1197,7 @@ html {
|
|||||||
|
|
||||||
.detailLogo {
|
.detailLogo {
|
||||||
display: var(--clearLogoVisibility);
|
display: var(--clearLogoVisibility);
|
||||||
top: calc(100vh - 11em - var(--primaryItemPageNegativeSpace));
|
top: calc(100vh - var(--clearLogoBottomSpace) - var(--primaryItemPageNegativeSpace));
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 40%;
|
width: 40%;
|
||||||
transform: translateY(-100%);
|
transform: translateY(-100%);
|
||||||
|
|||||||
Reference in New Issue
Block a user