forked from mirrors/akkoma-fe
cleanup
This commit is contained in:
parent
5d203e93ae
commit
21f7cb39a8
1 changed files with 14 additions and 8 deletions
22
src/App.scss
22
src/App.scss
|
@ -7,6 +7,7 @@
|
|||
|
||||
html {
|
||||
font-size: 14px;
|
||||
// overflow-x: clip causes my browser's tab to crash with SIGILL lul
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -25,9 +26,12 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
// Apply Custom scrollbars
|
||||
@media (any-pointer: fine) {
|
||||
// Body should have background to scrollbar otherwise it will use white (body color?)
|
||||
body {
|
||||
background: var(--bg);
|
||||
scrollbar-color: var(--btn) var(--bg);
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -44,6 +48,9 @@ body {
|
|||
border-radius: var(--btnRadius);
|
||||
}
|
||||
|
||||
// horizontal/vertical/increment/decrement are webkit-specific stuff
|
||||
// that indicates whether we're affecting vertical scrollbar, increase button etc
|
||||
// stylelint-disable selector-pseudo-class-no-unknown
|
||||
&::-webkit-scrollbar-button {
|
||||
--___bgPadding: 2px;
|
||||
|
||||
|
@ -86,6 +93,7 @@ body {
|
|||
}
|
||||
}
|
||||
}
|
||||
// stylelint-enable selector-pseudo-class-no-unknown
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -99,6 +107,12 @@ h4 {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
i[class*=icon-],
|
||||
.svg-inline--fa {
|
||||
color: $fallback--icon;
|
||||
color: var(--icon, $fallback--icon);
|
||||
}
|
||||
|
||||
nav {
|
||||
z-index: 1000;
|
||||
color: var(--topBarText);
|
||||
|
@ -490,7 +504,6 @@ textarea,
|
|||
box-sizing: border-box;
|
||||
color: transparent;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -531,7 +544,6 @@ textarea,
|
|||
box-sizing: border-box;
|
||||
color: transparent;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -557,12 +569,6 @@ option {
|
|||
}
|
||||
}
|
||||
|
||||
i[class*=icon-],
|
||||
.svg-inline--fa {
|
||||
color: $fallback--icon;
|
||||
color: var(--icon, $fallback--icon);
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
Loading…
Reference in a new issue