forked from data.coop/website
Smaller header and margins in mobile view
This commit is contained in:
parent
aeb0c2278e
commit
26015a40f4
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue