forked from data.coop/website
Merge branch 'smaller-margins' into new
We just have smaller margins and nice looking layout in mobile view :)
This commit is contained in:
commit
abc7c564f7
|
@ -52,7 +52,7 @@
|
|||
--alt-bg-color : #a8f3f4;
|
||||
--bar-color : #f0dcac;
|
||||
|
||||
--burger_size : 56px;
|
||||
--burger_size : 45px;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -185,24 +185,23 @@ aside nav footer ol li a {
|
|||
}
|
||||
|
||||
aside header a img {
|
||||
display : block;
|
||||
width : 100%;
|
||||
height : 140px;
|
||||
}
|
||||
|
||||
dl.dl-services {
|
||||
|
||||
display: grid;
|
||||
column-gap: 2rem;
|
||||
display : grid;
|
||||
column-gap : 2rem;
|
||||
dt {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 2;
|
||||
font-weight: bold;
|
||||
grid-column-start : 1;
|
||||
grid-column-end : 2;
|
||||
font-weight : bold;
|
||||
}
|
||||
dd {
|
||||
grid-column-start: 2;
|
||||
grid-column-end: 3;
|
||||
grid-column-start : 2;
|
||||
grid-column-end : 3;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media(max-width:1000px) {
|
||||
|
@ -226,14 +225,13 @@ dl.dl-services {
|
|||
|
||||
aside header {
|
||||
display : flex;
|
||||
flex-direction : row;
|
||||
justify-content : space-between;
|
||||
align-items : center;
|
||||
margin : var(--base-grid);
|
||||
margin : var(--base-grid) calc(var(--base-grid) / 2);
|
||||
}
|
||||
|
||||
aside header a img {
|
||||
height : 120px;
|
||||
height : 80px;
|
||||
}
|
||||
|
||||
aside nav {
|
||||
|
@ -260,7 +258,7 @@ dl.dl-services {
|
|||
cursor : pointer;
|
||||
display : block;
|
||||
height : var(--burger_size);
|
||||
float : right;
|
||||
margin-top : 10px;
|
||||
}
|
||||
|
||||
header .nav-toggle span {
|
||||
|
@ -291,5 +289,9 @@ dl.dl-services {
|
|||
transform : rotate(-45deg);
|
||||
top : calc( ( var(--burger_size) / 3 ) * -1 );
|
||||
}
|
||||
|
||||
main article {
|
||||
margin : calc(var(--base-grid) / 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue