Implement togglable site-wide woo mode
This commit is contained in:
@@ -156,7 +156,7 @@ html {
|
||||
input.answer {
|
||||
display: inline;
|
||||
}
|
||||
input:not(.answer):not(#weatherToggle),
|
||||
input:not(.answer, .siteSettingsToggle input),
|
||||
textarea {
|
||||
background-color: var(--background-color);
|
||||
border: var(--border-details);
|
||||
@@ -866,6 +866,31 @@ sup {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
/* Site Settings */
|
||||
.siteSettingsToggle {
|
||||
color: var(--text-color);
|
||||
font-size: var(--step--2);
|
||||
font-variation-settings: var(--font-variation-ui);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: var(--ui-letter-spacing);
|
||||
font-family: var(--font-family-ui);
|
||||
& label {
|
||||
display: inline;
|
||||
}
|
||||
& input {
|
||||
accent-color: var(--contrast-color);
|
||||
background-color: var(--background-color);
|
||||
border: var(--border-details);
|
||||
border-color: var(--contrast-color);
|
||||
border-radius: var(--border-radius);
|
||||
color: var(--text-color);
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px var(--contrast-color);
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Tags */
|
||||
a.post-tag {
|
||||
background-color: var(--color-gray-20);
|
||||
|
||||
Reference in New Issue
Block a user