48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
|
|
||
|
|
header {
|
||
|
|
@include xy-grid();
|
||
|
|
@include xy-gutters(0);
|
||
|
|
main {
|
||
|
|
@include breakpoint(small){
|
||
|
|
@include xy-cell(12);
|
||
|
|
@include flex-align(center, middle);
|
||
|
|
padding: $global-padding*2 $global-padding;
|
||
|
|
min-width: 14rem;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
@include breakpoint(medium){
|
||
|
|
@include xy-cell(shrink);
|
||
|
|
@include flex-align(left, middle);
|
||
|
|
text-align: unset;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
nav {
|
||
|
|
@include breakpoint(small){
|
||
|
|
@include xy-cell(12);
|
||
|
|
@include flex;
|
||
|
|
@include flex-align(center, middle);
|
||
|
|
a, button {
|
||
|
|
color: $black;
|
||
|
|
&:hover {
|
||
|
|
color: $anchor-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
menu {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@include breakpoint(medium){
|
||
|
|
@include xy-cell(auto);
|
||
|
|
@include flex;
|
||
|
|
@include flex-align(right, middle);
|
||
|
|
menu {
|
||
|
|
margin: inherit;
|
||
|
|
padding: inherit;
|
||
|
|
font-size: $global-font-size*1.5;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|