angular-cn/public/resources/css/module/_banner.scss

69 lines
1.4 KiB
SCSS
Raw Normal View History

/*
* Banner
*
* Addtional announcements that generally follow a hero
*/
.banner {
background: $mist;
padding: ($unit * 4) ($unit * 6);
2015-03-01 23:02:34 -05:00
min-height: $unit * 12;
2015-03-05 00:39:57 -05:00
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
padding: ($unit * 2) 0;
2015-03-05 00:39:57 -05:00
}
&.is-centered {
text-align: center;
}
.button.button-large {
2015-03-05 00:39:57 -05:00
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
display: block;
}
padding: 0;
2015-03-05 00:39:57 -05:00
}
.ng-conf-logo {
background: url('/resources/images/logos/ng-conf/ng-conf-shield.png') left no-repeat;
padding: $unit 68px;
}
.angularconnect-logo {
background: url('/resources/images/logos/angularconnect/angularconnect-logo-med.png') left no-repeat;
padding: $unit 0 $unit 108px;
}
.banner-ng-annoucement {
display: inline-block;
text-align: left;
2015-03-05 00:39:57 -05:00
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
background: none;
padding-left: 0px;
margin: 0px 0px $unit 0px;
text-align: center;
2015-03-05 00:39:57 -05:00
}
}
h3 {
opacity: .87;
line-height: 34px;
2015-03-03 01:38:35 -05:00
margin: 0;
}
h4 {
line-height: 24px;
}
2015-03-01 09:42:31 -05:00
p,
h4 {
margin: 0px;
}
}