Cool-Y.github.io/themes/next/source/css/_schemes/Mist/_header.styl

64 lines
954 B
Stylus
Raw Permalink Normal View History

2019-04-02 08:28:32 +00:00
// Header
// --------------------------------------------------
.header { background: $whitesmoke; }
.header-inner {
padding: 25px 0 20px;
clearfix();
+mobile() {
width: auto;
margin-bottom: 50px;
padding: 10px;
}
}
.site-meta {
float: left;
margin-left: -20px;
line-height: normal;
+mobile() {
margin-left: 10px;
}
.brand {
padding: 2px 1px;
background: none;
+mobile() { display: block; }
}
.logo { display: none; }
.site-title {
font-size: 22px;
font-weight: bolder;
+mobile() { line-height: 34px; }
}
}
.logo-line-before,
.logo-line-after {
display: block;
overflow: hidden;
margin: 0 auto;
width: 75%;
+mobile() { display: none; }
i {
position: relative;
display: block;
height: 2px;
background: $black-deep;
+mobile() { height: 3px; }
}
}
.use-motion {
.logo-line-before i { left: -100%; }
.logo-line-after i { right: -100%; }
}