Sha256: 18b8760213e586055c5afc486c724294c5903d4e42e3b841de308c02e400c497
Contents?: true
Size: 1.81 KB
Versions: 8
Compression:
Stored size: 1.81 KB
Contents
.header {
padding-top: .75rem;
padding-bottom: .75rem;
background: #fff;
border-bottom: 1px solid $border-color;
body.fixed-header & {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: $zindex-fixed;
}
@media print {
display: none;
}
.dropdown-menu {
margin-top: .75rem;
}
}
.nav-unread {
position: absolute;
top: .25rem;
right: .25rem;
background: $red;
width: .5rem;
height: .5rem;
border-radius: 50%;
}
.header-brand {
color: inherit;
margin-right: 1rem;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: .3s opacity;
line-height: 2rem;
&:hover {
opacity: .8;
color: inherit;
text-decoration: none;
}
}
.header-brand-img {
height: 2rem;
line-height: 2rem;
vertical-align: bottom;
margin-right: .5rem;
width: auto;
}
.header-avatar {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: bottom;
border-radius: 50%;
}
//.header-nav {
// background: #fff;
// border-bottom: 1px solid $border-color;
// color: $text-muted;
// align-items: center;
//
// @media print {
// display: none;
// }
//
// .nav-tabs {
// border: 0;
// }
//}
.header-btn {
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
font-size: 1rem;
&.has-new {
position: relative;
&:before {
content: '';
width: 6px;
height: 6px;
background: $red;
position: absolute;
top: 4px;
right: 4px;
border-radius: 50%;
}
}
}
.header-toggler {
width: 2rem;
height: 2rem;
position: relative;
color: $text-muted;
&:hover {
color: $text-muted-dark;
}
}
.header-toggler-icon {
position: absolute;
width: 1rem;
height: 2px;
color: inherit;
background: currentColor;
border-radius: 3px;
top: 50%;
left: 50%;
margin: -2px 0 0 -.5rem;
box-shadow: 0 5px currentColor, 0 -5px currentColor;
}
Version data entries
8 entries across 8 versions & 2 rubygems