Sha256: f94007f24c8b35c52a9839e8b2b1ad5164c5f5cdf08042eabbff012f24b5ce4a
Contents?: true
Size: 1.63 KB
Versions: 6
Compression:
Stored size: 1.63 KB
Contents
// Table of Contents
// ==================================================
// Header
// Media Queries
// Header
// ==================================================
.header {
background: color(white);
border-bottom: 1px solid color(dark-haze);
box-sizing: border-box;
height: 76px;
line-height: 1;
padding: 18px 0;
&.absolute,
&.fixed { z-index: 1040; }
&.absolute {
position: absolute;
width: inherit;
}
&.fixed {
left: 0;
position: fixed;
right: 0;
top: 0;
}
}
.header-brand,
.header-search,
.header-nav,
.header-user,
.header-toggle {
box-sizing: border-box;
float: left;
height: 40px;
}
.header-brand {
font-size: 35px;
+ .header-search,
+ .header-nav {
margin-left: 20px;
&.pull-right {
margin-left: 0;
margin-right: 20px;
}
}
}
.header-search {
min-width: 260px;
input { margin-bottom: 0; }
+ .header-nav {
margin-left: 20px;
&.pull-right {
margin-left: 0;
margin-right: 20px;
}
}
}
.header-nav {
list-style: none;
margin-top: 11px;
padding: 0;
> li {
float: left;
margin-right: 20px;
&:last-child { margin-right: 0; }
.btn { margin-top: -12px; }
}
}
.header-user {
float: right;
img {
height: 40px;
display: inline-block;
+ i { margin-left: -2px; }
}
}
.header-toggle {
float: right;
font-size: 26px;
padding-top: 5px;
}
// Media Queries
// ==================================================
@media only screen and (max-width: 767px) {
.header {
height: 50px;
padding: 10px 0;
}
.header-brand,
.header-toggle {
font-size: 26px;
padding-top: 1px;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems