ffffng/app/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss

56 lines
1.2 KiB
SCSS
Raw Permalink Normal View History

2022-08-02 15:24:19 +02:00
@use "sass:math";
2014-05-12 20:08:19 +02:00
//
// Jumbotron
// --------------------------------------------------
.jumbotron {
2019-03-29 22:00:08 +01:00
padding-top: $jumbotron-padding;
2016-05-16 13:33:49 +02:00
padding-bottom: $jumbotron-padding;
2014-05-12 20:08:19 +02:00
margin-bottom: $jumbotron-padding;
color: $jumbotron-color;
background-color: $jumbotron-bg;
h1,
.h1 {
color: $jumbotron-heading-color;
}
2016-05-16 13:33:49 +02:00
2014-05-12 20:08:19 +02:00
p {
2022-08-02 15:24:19 +02:00
margin-bottom: math.div($jumbotron-padding, 2);
2014-05-12 20:08:19 +02:00
font-size: $jumbotron-font-size;
font-weight: 200;
}
> hr {
border-top-color: darken($jumbotron-bg, 10%);
}
2016-05-16 13:33:49 +02:00
.container &,
.container-fluid & {
2022-08-02 15:24:19 +02:00
padding-right: math.div($grid-gutter-width, 2);
padding-left: math.div($grid-gutter-width, 2);
2019-03-29 22:00:08 +01:00
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
2014-05-12 20:08:19 +02:00
}
.container {
max-width: 100%;
}
@media screen and (min-width: $screen-sm-min) {
2019-03-29 22:00:08 +01:00
padding-top: ($jumbotron-padding * 1.6);
2014-05-12 20:08:19 +02:00
padding-bottom: ($jumbotron-padding * 1.6);
2016-05-16 13:33:49 +02:00
.container &,
.container-fluid & {
2014-05-12 20:08:19 +02:00
padding-right: ($jumbotron-padding * 2);
2019-03-29 22:00:08 +01:00
padding-left: ($jumbotron-padding * 2);
2014-05-12 20:08:19 +02:00
}
h1,
.h1 {
2016-05-16 13:33:49 +02:00
font-size: $jumbotron-heading-font-size;
2014-05-12 20:08:19 +02:00
}
}
}