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

Margin and variables stuff

Browse Source
This commit is contained in:
daudix
2024-10-30 20:56:30 +03:00
parent 726cd704d4
commit e867a12356
10 changed files with 40 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
sass/_variables.scss
View File

@ -18,6 +18,7 @@
@if $theme == "dark" {
// COLORS
--bg-color: color-mix(in srgb, var(--accent-color) 10%, black);
--bg-overlay: linear-gradient(rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.9));
--fg-color: rgb(255 255 255);
--fg-contrast: rgb(0 0 0 / 0.8);
--fg-muted-1: rgb(255 255 255 / 0.05);
@ -34,9 +35,12 @@
--yellow-fg: rgb(248 228 92);
color-scheme: dark;
} @else {
}
@else {
// COLORS
--bg-color: color-mix(in srgb, var(--accent-color) 20%, white);
--bg-overlay: linear-gradient(rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.8));
--fg-color: rgb(0 0 0 / 0.8);
--fg-contrast: rgb(255 255 255);
--fg-muted-1: rgb(0 0 0 / 0.05);
@ -45,9 +49,7 @@
--fg-muted-4: rgb(0 0 0 / 0.5);
--fg-muted-5: rgb(0 0 0 / 0.6);
--glass-bg: rgb(242 242 242 / 0.7);
--accent-color-alpha: rgb(
from var(--accent-color) r g b / var(--color-opacity)
);
--accent-color-alpha: rgb(from var(--accent-color) r g b / var(--color-opacity));
--blue-bg: rgb(from var(--blue-fg) r g b / var(--color-opacity));
--blue-fg: rgb(53 132 228);
--brown-bg: rgb(from var(--brown-fg) r g b / var(--color-opacity));
@ -139,6 +141,11 @@
0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 0.14),
0 0.25rem 0.75rem 0.25rem rgb(0 0 0 / 0.06);
--shadow-glass: 0 0.75rem 1.5rem -1rem rgb(0 0 0 / 0.5);
--shadow-glow: 0 0 0 0.0625rem var(--accent-color-alpha),
0 0.125rem 0.375rem 0.125rem var(--accent-color-alpha),
0 0.25rem 1.5rem 0.25rem var(--accent-color-alpha);
--text-shadow-glow: var(--accent-color-alpha) 0 0 0.25rem,
var(--accent-color) 0 0 0.75rem;
// STATES
--hover: scale(1.1);