spencer/lucht
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

link, text, icons, nav and variable styles

Browse source
This commit is contained in:
Matt DeCamp 2021-09-16 16:51:09 -04:00
parent 7c2e93f8ea
commit 7323b1a91a
5 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
src/assets/styles/base/_links.scss Normal file
View file

0
src/assets/styles/base/_text.scss Normal file
View file

5
src/assets/styles/components/_icons.scss Normal file
View file

@ -0,0 +1,5 @@
.icon {
fill: var(--text-secondary);
width: var(--s2);
height: var(--s2);
}

10
src/assets/styles/components/_nav.scss Normal file
View file

@ -0,0 +1,10 @@
nav {
& ul {
list-style-type: none;
display: flex;
flex-direction: row;
gap: var(--s0);
font-size: var(--s1);
}
}

7
src/assets/styles/utility/_variables.scss
View file

@ -2,9 +2,10 @@
// COLORS // COLORS
--background-color: #ffffff; --background-color: #ffffff;
--background-color-secondary: #301e4e; --background-color-secondary: #301e4e;
--background-color-tertiary: #ff6e6c;
--headline: #1f1135; --text: #1f1135;
--text-paragraph: #1f1135; --text-secondary: #ffffff;
--sub-headline: #301e4e; --sub-headline: #301e4e;
--link-color: #ff6e6c; --link-color: #ff6e6c;
@ -26,4 +27,6 @@
--s3: calc(var(--s2) * var(--ratio)); --s3: calc(var(--s2) * var(--ratio));
--s4: calc(var(--s3) * var(--ratio)); --s4: calc(var(--s3) * var(--ratio));
--s5: calc(var(--s4) * var(--ratio)); --s5: calc(var(--s4) * var(--ratio));
--max-width: 1000px;
} }