Leafus/puppyoma-fe
1
0
Fork 0
forked from mirrors/amputoma-fe
Code Pull requests Activity

fix bg

Browse source
This commit is contained in:
Leafy :3 2025-02-07 17:06:11 +01:00
parent c0cc2e3eff
commit c447768ecf
1 changed files with 27 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/App.scss
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);
@ -497,21 +512,22 @@ textarea,
&[type=radio] { &[type=radio] {
display: none; display: none;
&:checked + label::before { &:checked+label::before {
box-shadow: 0 0 2px black inset, 0 0 0 4px $fallback--fg inset; box-shadow: 0 0 2px black inset, 0 0 0 4px $fallback--fg inset;
box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, $fallback--fg) inset; box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, $fallback--fg) inset;
background-color: var(--accent, $fallback--link); background-color: var(--accent, $fallback--link);
} }
&:disabled { &:disabled {
&, &,
& + label, &+label,
& + label::before { &+label::before {
opacity: 0.5; opacity: 0.5;
} }
} }
+ label::before { +label::before {
flex-shrink: 0; flex-shrink: 0;
display: inline-block; display: inline-block;
content: ''; content: '';
@ -537,20 +553,21 @@ textarea,
&[type=checkbox] { &[type=checkbox] {
display: none; display: none;
&:checked + label::before { &:checked+label::before {
color: $fallback--text; color: $fallback--text;
color: var(--inputText, $fallback--text); color: var(--inputText, $fallback--text);
} }
&:disabled { &:disabled {
&, &,
& + label, &+label,
& + label::before { &+label::before {
opacity: 0.5; opacity: 0.5;
} }
} }
+ label::before { +label::before {
flex-shrink: 0; flex-shrink: 0;
display: inline-block; display: inline-block;
content: '✓'; content: '✓';
@ -835,4 +852,4 @@ option {
.fade-enter-from, .fade-enter-from,
.fade-leave-active { .fade-leave-active {
opacity: 0; opacity: 0;
} }