edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add variables for most spacing and size values

Browse Source
This commit is contained in:
elisejakob
2024-06-21 12:21:01 +02:00
parent 8ba4fa8d04
commit 5762655653
29 changed files with 137 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/layout/header.module.scss
View File

@ -2,7 +2,7 @@
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: var(--spacing-sitepadding);
padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
ul {
list-style: none;
@ -21,7 +21,7 @@
.siteMenu {
display: flex;
gap: var(--spacing-sitepadding);
gap: var(--spacing-gap-column);
align-items: center;
height: 3rem;
@ -33,7 +33,7 @@
.mainMenu {
list-style: none;
display: flex;
gap: var(--spacing-sitepadding);
gap: var(--spacing-gap-column);
animation: slideInFromRight .3s ease-out forwards;
a {
@ -76,7 +76,7 @@
background: var(--color-menu-background);
color: var(--color-menu-text);
padding: var(--spacing-sitepadding);
padding: var(--spacing-sitepadding-block);
transition: all var(--transition-easing);
@ -85,7 +85,7 @@
flex-direction: column;
justify-content: center;
font-size: 1.4rem;
padding: var(--spacing-sitepadding) 0;
padding: var(--spacing-sitepadding-block) 0;
}
}
@ -113,7 +113,7 @@
.toggleMenu {
position: fixed;
right: var(--spacing-sitepadding);
right: var(--spacing-sitepadding-inline);
}
.menuIcon {