Arc-hive-omeka-theme/asset/scss/modules/_header.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;
}
}
}
}