%PDF-
%PDF-
Mini Shell
Mini Shell
// Site Header
#masthead {
color: white;
padding: 20px 0;
font-weight: 500;
.site-branding {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: col-start / span 2;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
justify-content: flex-start;
margin: 0;
}
svg {
fill: white;
transition: fill 0.7s;
}
}
.main-navigation {
-ms-grid-column: 3;
-ms-grid-column-span: 8;
grid-column: col-start 3 / span 8;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
}
.header-call-to-action {
-ms-grid-column: 11;
-ms-grid-column-span: 2;
grid-column: col-start 11 / span 2;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
display: none;
@media (min-width: $breakpoint-lg) {
display: flex;
margin: 0;
justify-content: flex-end;
}
}
}
body.page-template-homepage,
body.page-template-about,
body.page-template-contact,
body.blog {
#masthead {
@media (min-width: $breakpoint-lg) {
position: absolute;
z-index: 100;
top: 0;
left: 0;
right: 0;
}
}
}
body.page-template-homepage {
@media (min-width: $breakpoint-lg) {
#masthead {
position: fixed;
}
}
}
body.admin-bar {
#masthead {
top: 32px;
}
}
Zerion Mini Shell 1.0