Sha256: 05dbac791778e8f0f96adefd0680b1831f76807e94b806fdc4c1edb30e3a992d
Contents?: true
Size: 1.97 KB
Versions: 28
Compression:
Stored size: 1.97 KB
Contents
$hb-ns: '';
.#{$hb-ns}c-header-bar {
background: $primary-color;
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-divider {
width: 100%;
height: 1px;
margin: 10px auto;
background: $secondary-color;
@include breakpoint(860px) {
display: inline-block;
width: 1px;
height: 22px;
margin: auto 30px;
vertical-align: middle;
}
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items {
display: inline-block;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
@include breakpoint(800px down) {
display: block;
}
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items.#{$hb-ns}c-header-bar-items--bigLh {
@include breakpoint(mobile down) {
line-height: 2;
}
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
display: inline-block;
margin-left: 0;
a:hover {
text-decoration: underline;
}
}
.#{$hb-ns}c-header-bar {
@include breakpoint(medium) {
.#{$hb-ns}c-header-bar__item +
.#{$hb-ns}c-header-bar__item {
margin-left: 40px;
}
.#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
.#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
margin-left: 12px;
}
}
@include breakpoint(860px down) {
.#{$hb-ns}c-header-bar__item +
.#{$hb-ns}c-header-bar__item {
margin-left: 20px;
}
.#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
.#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
margin-left: 10px;
}
}
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__section {
display: inline-block;
font-weight: bold;
vertical-align: middle;
@include breakpoint(mobile down) {
display: block;
}
}
.#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
a:hover {
text-decoration: none;
}
a:hover .#{$hb-ns}c-header-bar__itemDescription {
text-decoration: underline;
}
.#{$hb-ns}c-header-bar__itemDescription {
margin-left: 5px;
}
}
Version data entries
28 entries across 28 versions & 1 rubygems