wiki/_sass/_header.scss

51 lines
768 B
SCSS
Raw Normal View History

2017-12-02 02:04:52 -08:00
// ヘッダ
2018-08-12 00:29:14 -07:00
.header {
2017-12-02 02:04:52 -08:00
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 {
text-align: center;
2017-12-02 02:04:52 -08:00
}
2018-08-12 00:29:14 -07:00
}
2017-12-02 02:04:52 -08:00
2018-08-12 00:29:14 -07:00
.header-icon {
margin-top: $header-img-vertical-adjustment;
vertical-align: middle;
}
2017-12-02 02:04:52 -08:00
2018-08-12 00:29:14 -07:00
.header-title {
text-decoration: none;
2017-12-02 02:04:52 -08:00
2018-08-12 00:29:14 -07:00
&:link,
&:visited,
&:hover,
&:focus,
&:active {
color: $header-link-color;
2017-12-02 02:04:52 -08:00
}
2018-08-12 00:29:14 -07:00
}
2017-12-02 02:04:52 -08:00
2018-08-12 00:29:14 -07:00
.header-menu {
background: transparent;
border: none;
display: block;
font-size: inherit;
height: $header-height;
left: 0;
object-fit: contain;
position: absolute;
top: 0;
width: $header-height;
2017-12-02 02:04:52 -08:00
2018-08-12 00:29:14 -07:00
@include media-desktop {
display: none;
2017-12-02 02:04:52 -08:00
}
}