Sha256: b5e4cbe9fea93096932f03677345647e3213ee9418e09d3b45a8cb261edae6af
Contents?: true
Size: 1.61 KB
Versions: 6
Compression:
Stored size: 1.61 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;
&.fixed {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1040;
}
}
.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-group { font-size: inherit; }
.btn { margin-top: -12px; }
}
}
.header-user {
float: right;
img {
height: 40px;
display: inline-block;
+ i { margin-left: -2px; }
}
&.btn-group { font-size: inherit; }
}
.header-toggle {
float: right;
font-size: 26px;
padding-top: 5px;
}
// Media Queries
// ==================================================
@media only screen and (max-width: 767px) {
.header {
height: 50px;
padding: 10px;
}
.header-brand,
.header-toggle {
font-size: 26px;
padding-top: 1px;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems