TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Create variable for gradient

Browse source
This commit is contained in:
TheThomaas 2024-02-07 20:24:57 +01:00
parent 90bcf4aac0
commit 42a3b2d700
2 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/scss/components/_variables.scss
View file

@ -10,6 +10,8 @@
--secondary-light: rgb(var(--forest-200));
--secondary-dark: rgb(var(--forest-400));
--bg-gradient: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
--background: var(--primary-light);
--text: var(--dark-1);
--text-2: var(--dark-2);

5
src/scss/critical.scss
View file

@ -16,11 +16,8 @@ html {
}
}
body {
/* --start: var(--primary-light);
--end: var(--secondary);*/
background: rgb(var(--sand-400));
/*background: linear-gradient(180deg, var(--start) 0%, var(--start) 35%, var(--end) 100%); */
background: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
background: var(--bg-gradient);
header, footer {
padding: .5rem clamp(.2rem, 3vw, 2rem);