Update mobile navigation styling
This commit is contained in:
parent
92d03dbe50
commit
dab5d907f3
|
|
@ -78,10 +78,10 @@
|
||||||
#{$parent}__link {
|
#{$parent}__link {
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
@include heading-4;
|
@include heading-4;
|
||||||
line-height: 2em;
|
line-height: 2.5em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: $medium-spacing;
|
margin-bottom: 0.5*$small-spacing;
|
||||||
|
|
||||||
&:only-child {
|
&:only-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
|
||||||
|
|
@ -64,9 +64,9 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
grid-template-columns: 1fr 50px;
|
grid-template-columns: 1fr 50px;
|
||||||
grid-template-rows: 50px 280px auto 100px;
|
grid-template-rows: 50px max-content auto 100px;
|
||||||
|
|
||||||
grid-template-areas: "m m" "m m" "s s";
|
grid-template-areas: "m m" "m m" "s s" "s s";
|
||||||
|
|
||||||
&--with-subnavigation {
|
&--with-subnavigation {
|
||||||
grid-template-areas: "m m" "m m" "sub sub" "s s";
|
grid-template-areas: "m m" "m m" "sub sub" "s s";
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue