stackviz/app/styles/bootstrap/_jumbotron.scss
Tim Buckley 22803dc6d8 Add required styles and fonts.
Add static instances of FontAwesome, Bootstrap, and theme resources
to more fully move to NPM/Browserify package management.

Change-Id: I4ceb0cd44f1e54207fde9c6645931e3a29705894
2015-09-25 22:35:27 +00:00

53 lines
1.0 KiB
SCSS

//
// Jumbotron
// --------------------------------------------------
.jumbotron {
padding-top: $jumbotron-padding;
padding-bottom: $jumbotron-padding;
margin-bottom: $jumbotron-padding;
color: $jumbotron-color;
background-color: $jumbotron-bg;
h1,
.h1 {
color: $jumbotron-heading-color;
}
p {
margin-bottom: ($jumbotron-padding / 2);
font-size: $jumbotron-font-size;
font-weight: 200;
}
> hr {
border-top-color: darken($jumbotron-bg, 10%);
}
.container &,
.container-fluid & {
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
}
.container {
max-width: 100%;
}
@media screen and (min-width: $screen-sm-min) {
padding-top: ($jumbotron-padding * 1.6);
padding-bottom: ($jumbotron-padding * 1.6);
.container &,
.container-fluid & {
padding-left: ($jumbotron-padding * 2);
padding-right: ($jumbotron-padding * 2);
}
h1,
.h1 {
font-size: $jumbotron-heading-font-size;
}
}
}