Smaller header and margins in mobile view

This commit is contained in:
Halfdan 2022-12-13 19:34:19 +01:00
parent aeb0c2278e
commit 26015a40f4

View file

@ -52,7 +52,7 @@
--alt-bg-color : #a8f3f4; --alt-bg-color : #a8f3f4;
--bar-color : #f0dcac; --bar-color : #f0dcac;
--burger_size : 56px; --burger_size : 45px;
} }
body { body {
@ -229,7 +229,7 @@ dl.dl-services {
flex-direction : row; flex-direction : row;
justify-content : space-between; justify-content : space-between;
align-items : center; align-items : center;
margin : var(--base-grid); margin : calc(var(--base-grid) / 2);
} }
aside header a img { aside header a img {
@ -291,5 +291,9 @@ dl.dl-services {
transform : rotate(-45deg); transform : rotate(-45deg);
top : calc( ( var(--burger_size) / 3 ) * -1 ); top : calc( ( var(--burger_size) / 3 ) * -1 );
} }
main article {
margin : calc(var(--base-grid) / 2);
}
} }