hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Sort lines

Browse Source
This commit is contained in:
daudix-UFO
2023-10-14 03:43:03 +00:00
parent 0426f63368
commit fa8c3fac16
1 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
sass/_variables.scss
View File

@ -18,36 +18,32 @@ $glow:
:root { :root {
// GENERAL SETUP // GENERAL SETUP
--accent-color-20: #{$accent-color-20};
--accent-color: #{$accent-color}; --accent-color: #{$accent-color};
--text: var(--dark4); --background: #{$bg-l};
--background: var(--bg);
--border: rgba(120, 120, 120, 0.4);
--border-radius: 0.75rem;
--border-radius-big: 1.2rem; --border-radius-big: 1.2rem;
--border-radius-small: 0.5rem; --border-radius-small: 0.5rem;
--border-radius: 0.75rem;
--border: rgba(120, 120, 120, 0.4);
--content-width: 720px; --content-width: 720px;
--crt-bg: #{$crt-bg};
--text: var(--dark4);
// CUSTOM COLOR PALETTE // CUSTOM COLOR PALETTE
--bg: #{$bg-l};
--fg-03: rgba(0, 0, 0, 0.03); --fg-03: rgba(0, 0, 0, 0.03);
--fg-05: rgba(0, 0, 0, 0.05); --fg-05: rgba(0, 0, 0, 0.05);
--fg-07: rgba(0, 0, 0, 0.07); --fg-07: rgba(0, 0, 0, 0.07);
--fg-09: rgba(0, 0, 0, 0.09); --fg-09: rgba(0, 0, 0, 0.09);
--fg-50: rgba(0, 0, 0, 0.5); --fg-50: rgba(0, 0, 0, 0.5);
--orange-bg: rgba(255, 120, 0, 0.1);
--orange-fg: rgb(255, 120, 0);
--purple-bg: rgba(145, 65, 172, 0.1); --purple-bg: rgba(145, 65, 172, 0.1);
--purple-fg: rgb(145, 65, 172); --purple-fg: rgb(145, 65, 172);
--red-bg: rgba(224, 27, 36, 0.1); --red-bg: rgba(224, 27, 36, 0.1);
--red-fg: rgb(224, 27, 36); --red-fg: rgb(224, 27, 36);
--yellow-bg: rgba(156, 110, 3, 0.1); --yellow-bg: rgba(156, 110, 3, 0.1);
--yellow-fg: rgb(156, 110, 3); --yellow-fg: rgb(156, 110, 3);
--orange-bg: rgba(255, 120, 0, 0.1);
--orange-fg: rgb(255, 120, 0);
--crt-bg: #{$crt-bg};
--accent-color-20: #{$accent-color-20};
// CUSTOM VARIABLES // CUSTOM VARIABLES
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), --shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07),
@ -58,9 +54,9 @@ $glow:
drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
--glow: #{$glow}; --glow: #{$glow};
--transition: 200ms;
--transition-longer: 400ms;
--transition-long: 800ms; --transition-long: 800ms;
--transition-longer: 400ms;
--transition: 200ms;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -68,25 +64,23 @@ $glow:
color-scheme: dark; color-scheme: dark;
// GENERAL SETUP // GENERAL SETUP
--background: #{$bg-d};
--text: var(--light2); --text: var(--light2);
--background: var(--bg);
// CUSTOM COLOR PALETTE // CUSTOM COLOR PALETTE
--bg: #{$bg-d};
--fg-03: rgba(255, 255, 255, 0.03); --fg-03: rgba(255, 255, 255, 0.03);
--fg-05: rgba(255, 255, 255, 0.05); --fg-05: rgba(255, 255, 255, 0.05);
--fg-07: rgba(255, 255, 255, 0.07); --fg-07: rgba(255, 255, 255, 0.07);
--fg-09: rgba(255, 255, 255, 0.09); --fg-09: rgba(255, 255, 255, 0.09);
--fg-50: rgba(255, 255, 255, 0.5); --fg-50: rgba(255, 255, 255, 0.5);
--orange-bg: rgba(255, 190, 111, 0.1);
--orange-fg: rgb(255, 190, 111);
--purple-bg: rgba(220, 138, 221, 0.1); --purple-bg: rgba(220, 138, 221, 0.1);
--purple-fg: rgb(220, 138, 221); --purple-fg: rgb(220, 138, 221);
--red-bg: rgba(226, 97, 81, 0.1); --red-bg: rgba(226, 97, 81, 0.1);
--red-fg: rgb(246, 97, 81); --red-fg: rgb(246, 97, 81);
--yellow-bg: rgba(248, 228, 92, 0.1); --yellow-bg: rgba(248, 228, 92, 0.1);
--yellow-fg: rgb(248, 228, 92); --yellow-fg: rgb(248, 228, 92);
--orange-bg: rgba(255, 190, 111, 0.1);
--orange-fg: rgb(255, 190, 111);
} }
} }