Sha256: 669ede236dae917c052d450b2167d6958922b9058e7895320ab41148404908d3
Contents?: true
Size: 1.43 KB
Versions: 6
Compression:
Stored size: 1.43 KB
Contents
$promo-color: #cc5959;
.promo_banner {
position: relative;
z-index: $zindex-navbar - 1; // make sure this appears 'above' heroes but behind nav
margin-top: $header_height; // specifcally for implementation 'between' fixed nav & hero
padding-top: 5px;
padding-bottom: 5px;
background-color: $promo-color;
@include box-shadow(lighten($color-gray-800, 30%), 0, 2px, 4px, 0);
@media (min-width: $screen-md-min) {
padding-top: 10px;
padding-bottom: 10px;
}
.page-title {
display: inline-block;
margin-top: 10px;
@extend %text-shadow;
@media (min-width: $screen-md-min) {
margin-top: 5px;
}
}
.btn-promo {
color: color('white');
background-color: transparent;
border: 1px solid color('white');
box-shadow: none;
&:hover,
&:focus,
&:active,
&:active:focus {
background-color: transparent;
}
@media (min-width: $screen-sm-min) {
display: inline-block;
margin-top: -2px;
margin-left: 10px;
color: $promo-color;
background-color: white;
border-color: darken($promo-color, 8%);
border-width: 1px;
&:hover,
&:focus,
&:active,
&:active:focus {
background-color: lighten($promo-color, 37%);
}
}
@media (min-width: $screen-md-min) {
margin-top: -5px;
}
}
.btn-action-icon {
@media (min-width: $screen-sm-min) {
color: darken($promo-color, 8%);
}
}
}
Version data entries
6 entries across 6 versions & 1 rubygems