wiki/_sass/_header.scss

55 lines
912 B
SCSS
Raw Normal View History

2017-12-02 02:04:52 -08:00
// ヘッダ
header {
background: $header-background;
box-sizing: border-box;
font-weight: bold;
2018-02-28 02:21:29 -08:00
height: $header-height;
line-height: $header-height;
@include media-desktop {
padding: 0 1em;
}
2017-12-02 02:04:52 -08:00
@include media-mobile {
box-shadow: $header-mobile-box-shadow;
2017-12-02 02:04:52 -08:00
position: fixed;
width: 100%;
text-align: center;
2017-12-02 02:04:52 -08:00
z-index: 9999;
}
a {
text-decoration: none;
&:link,
&:visited,
&:hover,
&:focus,
&:active {
color: $header-link-color;
}
> amp-img {
margin-top: $header-img-vertical-adjustment;
vertical-align: middle;
2017-12-02 02:04:52 -08:00
}
}
button {
background: transparent;
border: none;
display: block;
font-size: inherit;
height: $header-height;
2018-02-28 03:31:35 -08:00
left: 0;
2017-12-02 02:04:52 -08:00
object-fit: contain;
position: absolute;
top: 0;
width: $header-height;
2017-12-02 02:04:52 -08:00
@include media-desktop {
display: none;
}
}
}