This commit is contained in:
Leafy :3 2025-02-07 17:06:11 +01:00
parent c0cc2e3eff
commit c447768ecf

View file

@ -2,6 +2,7 @@
@import './_variables.scss'; @import './_variables.scss';
@import '@fortawesome/fontawesome-svg-core/styles.css'; @import '@fortawesome/fontawesome-svg-core/styles.css';
@import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css'; @import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
:root { :root {
--navbar-height: 3.8rem; --navbar-height: 3.8rem;
--post-line-height: 1.4; --post-line-height: 1.4;
@ -12,6 +13,16 @@ html {
// overflow-x: clip causes my browser's tab to crash with SIGILL lul // overflow-x: clip causes my browser's tab to crash with SIGILL lul
} }
.bg-video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0px;
left: 0px;
z-index: -999;
}
body { body {
font-family: sans-serif; font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif); font-family: var(--interfaceFont, sans-serif);
@ -92,8 +103,10 @@ body {
} }
} }
} }
// stylelint-enable selector-pseudo-class-no-unknown // stylelint-enable selector-pseudo-class-no-unknown
} }
// Body should have background to scrollbar otherwise it will use white (body color?) // Body should have background to scrollbar otherwise it will use white (body color?)
html { html {
scrollbar-color: var(--selectedMenu) var(--wallpaper); scrollbar-color: var(--selectedMenu) var(--wallpaper);
@ -462,7 +475,9 @@ textarea,
border: none; border: none;
border-radius: $fallback--inputRadius; border-radius: $fallback--inputRadius;
border-radius: var(--inputRadius, $fallback--inputRadius); border-radius: var(--inputRadius, $fallback--inputRadius);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 rgba(0, 0, 0, 1) inset; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset,
0 -1px 0 0 rgba(255, 255, 255, 0.2) inset,
0 0 2px 0 rgba(0, 0, 0, 1) inset;
box-shadow: var(--inputShadow); box-shadow: var(--inputShadow);
background-color: $fallback--fg; background-color: $fallback--fg;
background-color: var(--input, $fallback--fg); background-color: var(--input, $fallback--fg);
@ -504,6 +519,7 @@ textarea,
} }
&:disabled { &:disabled {
&, &,
&+label, &+label,
&+label::before { &+label::before {
@ -543,6 +559,7 @@ textarea,
} }
&:disabled { &:disabled {
&, &,
&+label, &+label,
&+label::before { &+label::before {