Sha256: bbca669f33d813628016a606803e44c189d435a487932cb607f7f0f8c1d01ded
Contents?: true
Size: 1.52 KB
Versions: 6
Compression:
Stored size: 1.52 KB
Contents
// =============================================================================
// HEADER
// =============================================================================
.wrapper {
width: 80%;
max-width: 1100px;
margin: 0 auto;
position: relative;
}
// HEADER
// -----------------------------------------------------------------------------
.header {
height: 9rem;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
color: #999;
}
.header__inner {
display: flex;
flex-wrap: wrap;
padding: 1.5em 0;
position: relative;
}
.header__page-title {
flex-grow: 1;
}
.header__page-actions {
}
.header__btn {
margin: .4em .5em .4em 0;
}
.powered-by {
float: right;
position: relative;
top: .5rem;
right: 1rem;
font-size: 12px;
color: #999;
}
// LOGO
// -----------------------------------------------------------------------------
.logo {
background: asset-data-url('anchor.svg') center center no-repeat;
display: block;
width: 40px;
height: 40px;
transition: transform .3s ease-in-out;
text-indent: -9999px;
position: absolute;
top: 50%;
right: 100%;
margin-right: 1em;
margin-top: -20px;
&:hover {
transform: rotate(-25deg);
}
}
// NAVIGATION
// -----------------------------------------------------------------------------
.nav {
display: flex;
margin-bottom: 1.5rem;
}
.nav__list {
list-style-type: none;
margin: 0;
padding: 0;
}
.nav__list--primary {
flex-grow: 1;
}
.nav__list__item {
display: inline-block;
& + & {
margin-left: 1.5em;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems