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

56 lines
956 B
SCSS
Raw Normal View History

2015-02-25 10:15:46 -05:00
$hero-padding: $unit * 2;
.hero {
position: relative;
padding: $hero-padding;
2015-02-26 09:45:32 -05:00
height: 192px;
2015-02-25 10:15:46 -05:00
&.is-large {
2015-02-26 09:45:32 -05:00
height: 478px;
2015-02-25 10:15:46 -05:00
text-align: center;
}
2015-02-26 09:45:32 -05:00
.hero-title {
text-transform: uppercase;
margin: ($unit * 9) 0px 0px ($unit * 10);
opacity: .87;
}
.hero-subtitle {
margin: 0px 0px 0px ($unit * 10);
opacity: .87;
}
2015-02-25 10:15:46 -05:00
// LARGE SHEILD LOGO
.hero-logo {
background: url('/resources/images/logos/standard/shield-large.png') top center no-repeat;
padding-top: 224px;
opacity: 1;
width: $unit * 70;
2015-02-26 09:45:32 -05:00
margin: ($unit * 3) auto ($unit * 5) auto;
2015-02-25 10:15:46 -05:00
font-weight: 300;
}
2015-02-26 09:45:32 -05:00
// CTA BUTTONS
.button {
margin: 0px $unit;
}
2015-02-25 10:15:46 -05:00
// SOCIAL ICONS
.social-icons {
position: absolute;
top: $unit * 3;
right: $unit * 3;
z-index: $layer-1;
a {
color: $snow;
opacity: .56;
font-size: 18px;
text-decoration: none;
margin-left: $unit * 2;
}
}
}