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

replace some more values with variables + adjust circle icon size

Browse Source
This commit is contained in:
elisejakob
2024-06-21 12:53:33 +02:00
parent 5762655653
commit 7aab8c154d
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/general/pageHeader.module.scss
View File

@ -1,6 +1,6 @@
.pageHeader { .pageHeader {
position: relative; position: relative;
padding: var(--spacing-l) 0 var(--spacing-sitepadding-block); padding: var(--spacing-s) 0 var(--spacing-sitepadding-block);
} }
.title { .title {

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

@ -49,16 +49,16 @@
z-index: 1001; z-index: 1001;
background: none; background: none;
margin-top: .2rem; margin-top: .2rem;
width: 3rem; width: var(--size-icon-circle);
height: 3rem; height: var(--size-icon-circle);
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.menuIcon { .menuIcon {
display: block; display: block;
width: 3rem; width: var(--size-icon-circle);
height: 3rem; height: var(--size-icon-circle);
svg { svg {
width: 100%; width: 100%;
@ -94,12 +94,12 @@
} }
.divider { .divider {
margin-top: 3rem; margin-top: var(--spacing-l);
} }
.search, .search,
.galtinn { .galtinn {
margin-top: 3rem; margin-top: var(--spacing-l);
} }
.siteMenu[data-show=true] { .siteMenu[data-show=true] {

2
web/src/css/variables.scss
View File

@ -58,7 +58,7 @@
// sizes // sizes
--size-width-p: 36rem; --size-width-p: 36rem;
--size-icon: 1em; --size-icon: 1em;
--size-icon-circle: 3rem; --size-icon-circle: 2.4rem;
--size-icon-large: 3.4rem; --size-icon-large: 3.4rem;
// animations // animations