Change indenting to 1 tab (4 spaces)
It's more readable this way
This commit is contained in:
daudix
@ -1,71 +1,62 @@
|
||||
:root {
|
||||
// COLORS
|
||||
--bg-color: var(--bg-color-l);
|
||||
--fg-color: rgba(0, 0, 0, 0.8);
|
||||
--fg-muted-1: rgba(0, 0, 0, 0.05);
|
||||
--fg-muted-2: rgba(0, 0, 0, 0.1);
|
||||
--fg-muted-3: rgba(0, 0, 0, 0.2);
|
||||
--fg-muted-4: rgba(0, 0, 0, 0.5);
|
||||
--fg-muted-5: rgba(0, 0, 0, 0.6);
|
||||
--nav-bg: rgba(242, 242, 242, 0.7);
|
||||
--orange-bg: rgba(255, 120, 0, 0.1);
|
||||
--orange-fg: rgb(255, 120, 0);
|
||||
--purple-bg: rgba(145, 65, 172, 0.1);
|
||||
--purple-fg: rgb(145, 65, 172);
|
||||
--red-bg: rgba(224, 27, 36, 0.1);
|
||||
--red-fg: rgb(224, 27, 36);
|
||||
--yellow-bg: rgba(156, 110, 3, 0.1);
|
||||
--yellow-fg: rgb(156, 110, 3);
|
||||
// COLORS
|
||||
--bg-color: var(--bg-color-l);
|
||||
--fg-color: rgba(0, 0, 0, 0.8);
|
||||
--fg-muted-1: rgba(0, 0, 0, 0.05);
|
||||
--fg-muted-2: rgba(0, 0, 0, 0.1);
|
||||
--fg-muted-3: rgba(0, 0, 0, 0.2);
|
||||
--fg-muted-4: rgba(0, 0, 0, 0.5);
|
||||
--fg-muted-5: rgba(0, 0, 0, 0.6);
|
||||
--nav-bg: rgba(242, 242, 242, 0.7);
|
||||
--orange-bg: rgba(255, 120, 0, 0.1);
|
||||
--orange-fg: rgb(255, 120, 0);
|
||||
--purple-bg: rgba(145, 65, 172, 0.1);
|
||||
--purple-fg: rgb(145, 65, 172);
|
||||
--red-bg: rgba(224, 27, 36, 0.1);
|
||||
--red-fg: rgb(224, 27, 36);
|
||||
--yellow-bg: rgba(156, 110, 3, 0.1);
|
||||
--yellow-fg: rgb(156, 110, 3);
|
||||
|
||||
// VARIABLES
|
||||
--active: 0.9;
|
||||
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
|
||||
var(--primary-color);
|
||||
--bg-color-l: linear-gradient(
|
||||
rgba(255, 255, 255, 0.8),
|
||||
rgba(255, 255, 255, 0.8)
|
||||
),
|
||||
var(--primary-color);
|
||||
--blur: saturate(180%) blur(10px);
|
||||
--content-width: 720px;
|
||||
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
|
||||
Consolas, "DejaVu Sans Mono", monospace;
|
||||
--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif",
|
||||
"Sitka Small", serif;
|
||||
--font-system: system-ui, sans-serif;
|
||||
--rounded-corner-small: 8px;
|
||||
--rounded-corner: 12px;
|
||||
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06),
|
||||
0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
|
||||
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07),
|
||||
0 2px 6px 2px rgba(0, 0, 0, 0.03);
|
||||
--transition-bezier: 350ms cubic-bezier(0.17, 0.89, 0.32, 1.28);
|
||||
--transition-long: 800ms;
|
||||
--transition-longer: 400ms;
|
||||
--transition: 200ms;
|
||||
// VARIABLES
|
||||
--active: 0.9;
|
||||
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
|
||||
--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
|
||||
--blur: saturate(180%) blur(10px);
|
||||
--content-width: 720px;
|
||||
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
||||
--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
|
||||
--font-system: system-ui, sans-serif;
|
||||
--rounded-corner-small: 8px;
|
||||
--rounded-corner: 12px;
|
||||
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
|
||||
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
|
||||
--transition-bezier: 350ms cubic-bezier(0.17, 0.89, 0.32, 1.28);
|
||||
--transition-long: 800ms;
|
||||
--transition-longer: 400ms;
|
||||
--transition: 200ms;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
|
||||
// COLORS
|
||||
--bg-color: var(--bg-color-d);
|
||||
--fg-color: rgb(255, 255, 255);
|
||||
--fg-muted-1: rgba(255, 255, 255, 0.05);
|
||||
--fg-muted-2: rgba(255, 255, 255, 0.1);
|
||||
--fg-muted-3: rgba(255, 255, 255, 0.2);
|
||||
--fg-muted-4: rgba(255, 255, 255, 0.5);
|
||||
--fg-muted-5: rgba(255, 255, 255, 0.6);
|
||||
--nav-bg: rgba(25, 25, 25, 0.7);
|
||||
--orange-bg: rgba(255, 190, 111, 0.1);
|
||||
--orange-fg: rgb(255, 190, 111);
|
||||
--purple-bg: rgba(220, 138, 221, 0.1);
|
||||
--purple-fg: rgb(220, 138, 221);
|
||||
--red-bg: rgba(226, 97, 81, 0.1);
|
||||
--red-fg: rgb(246, 97, 81);
|
||||
--yellow-bg: rgba(248, 228, 92, 0.1);
|
||||
--yellow-fg: rgb(248, 228, 92);
|
||||
}
|
||||
// COLORS
|
||||
--bg-color: var(--bg-color-d);
|
||||
--fg-color: rgb(255, 255, 255);
|
||||
--fg-muted-1: rgba(255, 255, 255, 0.05);
|
||||
--fg-muted-2: rgba(255, 255, 255, 0.1);
|
||||
--fg-muted-3: rgba(255, 255, 255, 0.2);
|
||||
--fg-muted-4: rgba(255, 255, 255, 0.5);
|
||||
--fg-muted-5: rgba(255, 255, 255, 0.6);
|
||||
--nav-bg: rgba(25, 25, 25, 0.7);
|
||||
--orange-bg: rgba(255, 190, 111, 0.1);
|
||||
--orange-fg: rgb(255, 190, 111);
|
||||
--purple-bg: rgba(220, 138, 221, 0.1);
|
||||
--purple-fg: rgb(220, 138, 221);
|
||||
--red-bg: rgba(226, 97, 81, 0.1);
|
||||
--red-fg: rgb(246, 97, 81);
|
||||
--yellow-bg: rgba(248, 228, 92, 0.1);
|
||||
--yellow-fg: rgb(248, 228, 92);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user