Arc-hive-omeka-theme/asset/scss/modules/_header.scss

103 lines
2.6 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 $global-padding;
min-width: 14rem;
text-align: center;
}
@include breakpoint(large){
@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);
padding-bottom: $global-padding*2;
a, button {
color: $black;
&:hover {
color: $anchor-color;
}
}
menu {
margin: 0;
padding: 0;
}
.menu {
justify-content: center;
a {
padding: $global-padding*0.7 $global-padding*0.5;
}
&.dropdown {
justify-content:center;
li,.button {
min-width: unset;
margin:0;
padding:0;
font-size: $global-font-size*0.9;//$header-menu-font-size;
}
.button {
margin-left: $global-margin;
background-color:$input-background;
}
.is-dropdown-submenu {
font-size: $dropdown-font-size * 0.95;
min-width: 10rem;
box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
}
}
}
}
@include breakpoint(medium) {
@include xy-cell(auto);
@include flex;
//@include flex-align(right, middle);
//padding-bottom: 0;//$global-padding;
menu {
margin: inherit;
padding: inherit;
.menu {
&.dropdown {
li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size;
}
}
.button {
margin-left: $global-margin/2;
}
}
}
}
@include breakpoint(xlarge) {
// @include xy-cell(auto);
// @include flex;
@include flex-align(right, middle);
padding-bottom: 0;//$global-padding;
menu {
// margin: inherit;
// padding: inherit;
.menu {
&.dropdown {
justify-content: end;
li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size;
}
.button {
margin-left: $global-margin;
}
}
}
}
}
}
}