Diffstat (limited to 'static')
| -rw-r--r-- | static/input.css | 66 | ||||
| -rw-r--r-- | static/output.css | 67 |
2 files changed, 16 insertions, 117 deletions
diff --git a/static/input.css b/static/input.css index 3ab5028..6823898 100644 --- a/static/input.css +++ b/static/input.css @@ -27,7 +27,7 @@ --secondary-color: var(--main-light-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vh; + --interlocked-hexagons-background-size: 10vw; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -43,7 +43,7 @@ --secondary-color: var(--main-medium-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vh; + --interlocked-hexagons-background-size: 10vw; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -124,21 +124,13 @@ background-size: 10vw; } -body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom { - display: none !important; -} - .mobile-topbar-custom { width: 90vw; - height: 8%; - background-size: 16vh; + height: 10vh; + background-size: 20vh; margin-left: 5vw; } -body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { - display: none !important; -} - .logo-custom { width: 3.5vw; height: 20vw; @@ -235,26 +227,14 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { width: 90vw; } -.w-p60 { - width: 60%; -} - .w-p80 { width: 80%; } -.w-p100 { - width: 100%; -} - .w-vmax4 { width: 4vmax; } -.h-vh40 { - height: 40vh; -} - .h-vh90 { height: 90vh; } @@ -308,10 +288,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { padding-right: 1.2vmin; } -.p-vmin0-8 { - padding: 0.8vmin; -} - .p-vmin2-4 { padding: 2.4vmin; } @@ -322,18 +298,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { .lg-backdrop { background-color: var(--background-light-color); - opacity: 0.8 !important; -} - -.lg-container:not([class~="lg-inline"]) .lg-outer { - width: 90%; - height: 90%; - margin: 5vh 5vw; } .lg-thumb-outer { background-color: var(--background-light-color) !important; - opacity: 0.8 !important; } .lg-prev { @@ -354,19 +322,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { height: 1vmax; } -.lg-container:not([class~="lg-inline"]) .lg-counter { - font-size: 2vmax; - height: 2vmax; -} - -.lg-content { - top: 3vmax !important; -} - -.lg-container:not([class~="lg-inline"]) .lg-content { - top: 4vmax !important; -} - .lg-toolbar .lg-icon { padding: 0 0.7vmax; font-size: 1.5vmax !important; @@ -375,11 +330,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { color: var(--main-dark-color); } -.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon { - font-size: 3vmax !important; - height: 3vmax; -} - .lg-toolbar .lg-icon:hover { color: var(--main-medium-color); } @@ -465,16 +415,16 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { } .nav-icon-custom { - font-size: 5vh !important; + font-size: 6vh !important; -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color); - width: 8vh; - height: 8vh; + width: 10vh; + height: 10vh; align-content: center; text-align: center; } .nav-icon-custom:hover { - font-size: 7vh; + font-size: 8vh; } .bg-pattern-body { diff --git a/static/output.css b/static/output.css index 1517e8d..2e6d1bd 100644 --- a/static/output.css +++ b/static/output.css @@ -181,9 +181,6 @@ .relative { position: relative; } - .sticky { - position: sticky; - } .z-0 { z-index: 0; } @@ -244,18 +241,12 @@ .flex { display: flex; } - .h-\[92vh\] { - height: 92vh; - } .h-auto { height: auto; } .h-screen { height: 100vh; } - .max-h-\[80\%\] { - max-height: 80%; - } .max-w-full { max-width: 100%; } @@ -268,9 +259,6 @@ .flex-5 { flex: 5; } - .flex-none { - flex: none; - } .flex-grow { flex-grow: 1; } @@ -437,7 +425,7 @@ --secondary-color: var(--main-light-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vh; + --interlocked-hexagons-background-size: 10vw; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -452,7 +440,7 @@ --secondary-color: var(--main-medium-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vh; + --interlocked-hexagons-background-size: 10vw; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -517,18 +505,12 @@ width: 5vw; background-size: 10vw; } -body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom { - display: none !important; -} .mobile-topbar-custom { width: 90vw; - height: 8%; - background-size: 16vh; + height: 10vh; + background-size: 20vh; margin-left: 5vw; } -body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { - display: none !important; -} .logo-custom { width: 3.5vw; height: 20vw; @@ -602,21 +584,12 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { .w-vw90 { width: 90vw; } -.w-p60 { - width: 60%; -} .w-p80 { width: 80%; } -.w-p100 { - width: 100%; -} .w-vmax4 { width: 4vmax; } -.h-vh40 { - height: 40vh; -} .h-vh90 { height: 90vh; } @@ -657,9 +630,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { .pr-vmin1-2 { padding-right: 1.2vmin; } -.p-vmin0-8 { - padding: 0.8vmin; -} .p-vmin2-4 { padding: 2.4vmin; } @@ -668,16 +638,9 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { } .lg-backdrop { background-color: var(--background-light-color); - opacity: 0.8 !important; -} -.lg-container:not([class~="lg-inline"]) .lg-outer { - width: 90%; - height: 90%; - margin: 5vh 5vw; } .lg-thumb-outer { background-color: var(--background-light-color) !important; - opacity: 0.8 !important; } .lg-prev { background-color: var(--background-light-color); @@ -694,16 +657,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { padding-top: 0; height: 1vmax; } -.lg-container:not([class~="lg-inline"]) .lg-counter { - font-size: 2vmax; - height: 2vmax; -} -.lg-content { - top: 3vmax !important; -} -.lg-container:not([class~="lg-inline"]) .lg-content { - top: 4vmax !important; -} .lg-toolbar .lg-icon { padding: 0 0.7vmax; font-size: 1.5vmax !important; @@ -711,10 +664,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { width: auto; color: var(--main-dark-color); } -.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon { - font-size: 3vmax !important; - height: 3vmax; -} .lg-toolbar .lg-icon:hover { color: var(--main-medium-color); } @@ -781,15 +730,15 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom { display: none; } .nav-icon-custom { - font-size: 5vh !important; + font-size: 6vh !important; -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color); - width: 8vh; - height: 8vh; + width: 10vh; + height: 10vh; align-content: center; text-align: center; } .nav-icon-custom:hover { - font-size: 7vh; + font-size: 8vh; } .bg-pattern-body { background-size: 10vh; |