|
|
@ -22,7 +22,7 @@ html {
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: var(--interfaceFont, sans-serif);
|
|
|
|
font-family: var(--font);
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
color: var(--text);
|
|
|
|
color: var(--text);
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
@ -130,12 +130,7 @@ i[class*="icon-"],
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
nav {
|
|
|
|
z-index: var(--ZI_navbar);
|
|
|
|
z-index: var(--ZI_navbar);
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
background-color: var(--topBar, $fallback--fg);
|
|
|
|
|
|
|
|
color: $fallback--faint;
|
|
|
|
|
|
|
|
color: var(--faint, $fallback--faint);
|
|
|
|
|
|
|
|
box-shadow: 0 0 4px rgb(0 0 0 / 60%);
|
|
|
|
|
|
|
|
box-shadow: var(--topBarShadow);
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
height: var(--navbar-height);
|
|
|
|
height: var(--navbar-height);
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
@ -359,7 +354,7 @@ nav {
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
font-size: 1em;
|
|
|
|
font-size: 1em;
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: var(--interfaceFont, sans-serif);
|
|
|
|
font-family: var(--font);
|
|
|
|
|
|
|
|
|
|
|
|
&::-moz-focus-inner {
|
|
|
|
&::-moz-focus-inner {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
@ -409,11 +404,8 @@ nav {
|
|
|
|
color: inherit;
|
|
|
|
color: inherit;
|
|
|
|
|
|
|
|
|
|
|
|
&.-link {
|
|
|
|
&.-link {
|
|
|
|
color: var(--link);
|
|
|
|
/* stylelint-disable-next-line declaration-no-important */
|
|
|
|
}
|
|
|
|
color: var(--link) !important;
|
|
|
|
|
|
|
|
|
|
|
|
&.-fullwidth {
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -437,8 +429,7 @@ textarea {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: var(--font);
|
|
|
|
font-family: var(--inputFont, sans-serif);
|
|
|
|
|
|
|
|
font-size: 1em;
|
|
|
|
font-size: 1em;
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
@ -466,9 +457,8 @@ textarea {
|
|
|
|
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: var(--shadow);
|
|
|
|
box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, $fallback--fg) inset;
|
|
|
|
background-color: var(--background);
|
|
|
|
background-color: var(--accent, $fallback--link);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:disabled {
|
|
|
|
&:disabled {
|
|
|
@ -523,11 +513,8 @@ textarea {
|
|
|
|
width: 1.1em;
|
|
|
|
width: 1.1em;
|
|
|
|
height: 1.1em;
|
|
|
|
height: 1.1em;
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
box-shadow: 0 0 2px black inset;
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
box-shadow: var(--inputShadow);
|
|
|
|
|
|
|
|
margin-right: 0.5em;
|
|
|
|
margin-right: 0.5em;
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
|
|
|
|
background-color: var(--input, $fallback--fg);
|
|
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
vertical-align: top;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 1.1;
|
|
|
|
line-height: 1.1;
|
|
|
@ -551,7 +538,7 @@ textarea {
|
|
|
|
|
|
|
|
|
|
|
|
option {
|
|
|
|
option {
|
|
|
|
color: var(--text);
|
|
|
|
color: var(--text);
|
|
|
|
background-color: var(--bg, $fallback--bg);
|
|
|
|
background-color: var(--background);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hide-number-spinner {
|
|
|
|
.hide-number-spinner {
|
|
|
@ -667,8 +654,7 @@ option {
|
|
|
|
|
|
|
|
|
|
|
|
.visibility-notice {
|
|
|
|
.visibility-notice {
|
|
|
|
padding: 0.5em;
|
|
|
|
padding: 0.5em;
|
|
|
|
border: 1px solid $fallback--faint;
|
|
|
|
border: 1px solid var(--textFaint);
|
|
|
|
border: 1px solid var(--faint, $fallback--faint);
|
|
|
|
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
border-radius: var(--roundness);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|