ayo/ayco.io-flask
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: update variables

Browse source
This commit is contained in:
Ayo Ayco 2025-01-19 16:40:01 +01:00
parent 848eb43c80
commit c8a3529d2e
1 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
static/variables.css
View file

@ -1,28 +1,31 @@
:root { :root {
--content-width: 700px; --content-width: 700px;
--font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem); --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem); --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem); --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
--color-border: hsl(17, 24%, 90%); --color-border: hsl(17, 24%, 90%);
--color-link: var(--color-brand-blue-5); --color-link: var(--color-brand-blue-5);
--color-brand-blue-1: #3054bf; --color-brand-blue-1: #3054bf;
--color-brand-blue-2: #203880; --color-brand-blue-2: #203880;
--color-brand-blue-3: #416fff; --color-brand-blue-3: #416fff;
--color-brand-blue-4: #101c40; --color-brand-blue-4: #101c40;
--color-brand-blue-5: #3964e6; --color-brand-blue-5: #3964e6;
--color-brand-complement: orange; --color-brand-complement: orange;
--ayo-gradient: linear-gradient(45deg, #3054bf, #416fff); --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
--text-color-dark: #232323; --text-color-dark: #232323;
--text-color-dark-faded: #555; --text-color-dark-faded: #555;
--text-color-light: #f8f9fa; --text-color-light: #f8f9fa;
--text-color-light-faded: #999; --text-color-light-faded: #999;
--bg-dark: #343a40; --border-color-light: rgba(197, 209, 222, 0.7);
--bg-darker: #212529; --bg-light: rgba(197, 209, 222, 0.15);
--bg-darkest: #000; --border-color-dark: rgba(0, 0, 0, 0.25);
--bg-dark: #343a40;
--bg-darker: #212529;
--bg-darkest: #000;
} }