Commit 670730fc authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Reformat for readability

parent 1e410988
......@@ -3,443 +3,223 @@
/* --background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--background: var(--colour0);
}
/* dark mode (site) */
[data-darkmode="always"] {
--background: var(--mono90);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--background: var(--mono90);
}
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--background: var(--colour0); }
/* dark mode */ [data-darkmode="always"] {
--background: var(--mono90); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--background: var(--mono90); }}
/* --highlighted-background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--highlighted-background: var(--colour20);
}
/* dark mode (site) */
[data-darkmode="always"] {
--highlighted-background: var(--mono80);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--highlighted-background: var(--colour20); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--highlighted-background: var(--mono80);
}
}
/* dark mode */ [data-darkmode="always"] {
--highlighted-background: var(--mono80); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--highlighted-background: var(--mono80); }}
/* --input-background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--input-background: var(--mono0);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--input-background: var(--mono0); }
/* dark mode (site) */
[data-darkmode="always"] {
--input-background: var(--mono90);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--input-background: var(--mono90);
}
}
/* dark mode */ [data-darkmode="always"] {
--input-background: var(--mono90); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--input-background: var(--mono90); }}
/* --header-background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--header-background: var(--colour0);
}
/* dark mode (site) */
[data-darkmode="always"] {
--header-background: var(--mono90);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--header-background: var(--colour0); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--header-background: var(--mono90);
}
}
/* dark mode */ [data-darkmode="always"] {
--header-background: var(--mono90); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--header-background: var(--mono90); }}
/* --footer-background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--footer-background: var(--colour0);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--footer-background: var(--colour0); }
/* dark mode (site) */
[data-darkmode="always"] {
--footer-background: var(--mono90);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--footer-background: var(--mono90);
}
}
/* dark mode */ [data-darkmode="always"] {
--footer-background: var(--mono90); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--footer-background: var(--mono90); }}
/* --text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--text: var(--mono80);
}
/* dark mode (site) */
[data-darkmode="always"] {
--text: var(--mono15);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--text: var(--mono80); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--text: var(--mono15);
}
}
/* dark mode */ [data-darkmode="always"] {
--text: var(--mono15); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--text: var(--mono15); }}
/* --placeholder-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--placeholder-text: var(--mono70);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--placeholder-text: var(--mono70); }
/* dark mode (site) */
[data-darkmode="always"] {
--placeholder-text: var(--mono20);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--placeholder-text: var(--mono20);
}
}
/* dark mode */ [data-darkmode="always"] {
--placeholder-text: var(--mono20); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--placeholder-text: var(--mono20); }}
/* --link-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--link-text: var(--colour65);
}
/* dark mode (site) */
[data-darkmode="always"] {
--link-text: var(--colour25);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--link-text: var(--colour65); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--link-text: var(--colour25);
}
}
/* dark mode */ [data-darkmode="always"] {
--link-text: var(--colour25); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--link-text: var(--colour25); }}
/* --link-action
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--link-action: var(--colour60);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--link-action: var(--colour60); }
/* dark mode (site) */
[data-darkmode="always"] {
--link-action: var(--colour30);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--link-action: var(--colour30);
}
}
/* dark mode */ [data-darkmode="always"] {
--link-action: var(--colour30); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--link-action: var(--colour30); }}
/* --heading-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--heading-text: var(--mono80);
}
/* dark mode (site) */
[data-darkmode="always"] {
--heading-text: var(--mono10);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--heading-text: var(--mono80); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--heading-text: var(--mono10);
}
}
/* dark mode */ [data-darkmode="always"] {
--heading-text: var(--mono10); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--heading-text: var(--mono10); }}
/* --title-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--title-text: var(--colour85);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--title-text: var(--colour85); }
/* dark mode (site) */
[data-darkmode="always"] {
--title-text: var(--colour25);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--title-text: var(--colour25);
}
}
/* dark mode */ [data-darkmode="always"] {
--title-text: var(--colour25); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--title-text: var(--colour25); }}
/* --button-background
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--button-background: var(--colour30);
}
/* dark mode (site) */
[data-darkmode="always"] {
--button-background: var(--colour30);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--button-background: var(--colour30); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--button-background: var(--colour30);
}
}
/* dark mode */ [data-darkmode="always"] {
--button-background: var(--colour30); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--button-background: var(--colour30); }}
/* --button-action
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--button-action: var(--colour40);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--button-action: var(--colour40); }
/* dark mode (site) */
[data-darkmode="always"] {
--button-action: var(--colour40);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--button-action: var(--colour40);
}
}
/* dark mode */ [data-darkmode="always"] {
--button-action: var(--colour40); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--button-action: var(--colour40); }}
/* --button-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--button-text: var(--colour100);
}
/* dark mode (site) */
[data-darkmode="always"] {
--button-text: var(--colour90);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--button-text: var(--colour100); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--button-text: var(--colour90);
}
}
/* dark mode */ [data-darkmode="always"] {
--button-text: var(--colour90); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--button-text: var(--colour90); }}
/* --input-border
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--input-border: var(--mono90);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--input-border: var(--mono90); }
/* dark mode (site) */
[data-darkmode="always"] {
--input-border: var(--colour40);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--input-border: var(--colour40);
}
}
/* dark mode */ [data-darkmode="always"] {
--input-border: var(--colour40); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--input-border: var(--colour40); }}
/* --accent-line
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--accent-line: var(--colour40);
}
/* dark mode (site) */
[data-darkmode="always"] {
--accent-line: var(--mono50);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--accent-line: var(--colour40); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--accent-line: var(--mono50);
}
}
/* dark mode */ [data-darkmode="always"] {
--accent-line: var(--mono50); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--accent-line: var(--mono50); }}
/* --focus
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--focus: var(--colour40);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--focus: var(--colour40); }
/* dark mode (site) */
[data-darkmode="always"] {
--focus: var(--colour30);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--focus: var(--colour30);
}
}
/* dark mode */ [data-darkmode="always"] {
--focus: var(--colour30); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--focus: var(--colour30); }}
/* --background-selection
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--background-selection: var(--colour25);
}
/* dark mode (site) */
[data-darkmode="always"] {
--background-selection: var(--colour50);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--background-selection: var(--colour25); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--background-selection: var(--colour50);
}
}
/* dark mode */ [data-darkmode="always"] {
--background-selection: var(--colour50); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--background-selection: var(--colour50); }}
/* --shadow:
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--shadow: rgba(0,0,0,0.2);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--shadow: rgba(0,0,0,0.2); }
/* dark mode (site) */
[data-darkmode="always"] {
--shadow: rgba(0,0,0,1);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--shadow: rgba(0,0,0,1);
}
}
/* dark mode */ [data-darkmode="always"] {
--shadow: rgba(0,0,0,1); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--shadow: rgba(0,0,0,1); }}
/* --error-text
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--error-text: var(--darkRed);
}
/* dark mode (site) */
[data-darkmode="always"] {
--error-text: var(--lightRed);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--error-text: var(--darkRed); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--error-text: var(--lightRed);
}
}
/* dark mode */ [data-darkmode="always"] {
--error-text: var(--lightRed); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--error-text: var(--lightRed); }}
/* CODE COLOURING
- - - - - - - - - - - - - - - - - - - - - - */
......@@ -447,263 +227,131 @@
/* --background-code-block
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--background-code-block: var(--colour10);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--background-code-block: var(--colour10); }
/* dark mode (site) */
[data-darkmode="always"] {
--background-code-block: var(--mono100);
}
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--background-code-block: var(--mono100);
}
}
/* dark mode */ [data-darkmode="always"] {
--background-code-block: var(--mono100); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--background-code-block: var(--mono100); }}
/* --code-block-highlight
- - - - - - - - - - - - - - - - - - - - - */
/* light mode (site darkmode is set to auto or never) */
[data-darkmode="auto"],
[data-darkmode="never"] {
--code-block-highlight: var(--colour30);
}
/* dark mode (site) */
[data-darkmode="always"] {
--code-block-highlight: var(--mono80);
}
/* light mode */ [data-darkmode="auto"], [data-darkmode="never"] {
--code-block-highlight: var(--colour30); }
/* when the browser wants darkmode and site darkmode is set to auto
(should be same value as above) */
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] {
--code-block-highlight: var(--mono80);
}
}
/* dark mode */ [data-darkmode="always"] {
--code-block-highlight: var(--mono80); }
@media (prefers-color-scheme: dark) { [data-darkmode="auto"] {
--code-block-highlight: var(--mono80); }}
/* --code-scrollbar
- - - - - - - - - - - - - - - - - - - - - */