diff options
| author | Mark Otto <[email protected]> | 2018-12-16 18:18:37 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-12-21 09:03:29 -0800 |
| commit | eda851ee76bd01375f39682d903a76cc51207475 (patch) | |
| tree | c0089a8d35153a7f7af991c5070af6449c7880ab /site/docs/4.2/examples/carousel/carousel.css | |
| parent | 2c0cd7d2edb41d6288c1eb4da18b614b04c4b912 (diff) | |
| download | bootstrap-eda851ee76bd01375f39682d903a76cc51207475.tar.xz bootstrap-eda851ee76bd01375f39682d903a76cc51207475.zip | |
Prep for v4.2.0 release
- Move 4.1 docs to 4.2
- Update versions everywhere to 4.1.3 with release script
- Manually bump the shorthand version in package.json
- Add 4.2 to the versions docs page
- Update some redirects
- Fix tests asset URLs
- Bump Nuget and more
Diffstat (limited to 'site/docs/4.2/examples/carousel/carousel.css')
| -rw-r--r-- | site/docs/4.2/examples/carousel/carousel.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/site/docs/4.2/examples/carousel/carousel.css b/site/docs/4.2/examples/carousel/carousel.css new file mode 100644 index 000000000..20300e90c --- /dev/null +++ b/site/docs/4.2/examples/carousel/carousel.css @@ -0,0 +1,90 @@ +/* GLOBAL STYLES +-------------------------------------------------- */ +/* Padding below the footer and lighter body text */ + +body { + padding-top: 3rem; + padding-bottom: 3rem; + color: #5a5a5a; +} + + +/* CUSTOMIZE THE CAROUSEL +-------------------------------------------------- */ + +/* Carousel base class */ +.carousel { + margin-bottom: 4rem; +} +/* Since positioning the image, we need to help out the caption */ +.carousel-caption { + bottom: 3rem; + z-index: 10; +} + +/* Declare heights because of positioning of img element */ +.carousel-item { + height: 32rem; +} +.carousel-item > img { + position: absolute; + top: 0; + left: 0; + min-width: 100%; + height: 32rem; +} + + +/* MARKETING CONTENT +-------------------------------------------------- */ + +/* Center align the text within the three columns below the carousel */ +.marketing .col-lg-4 { + margin-bottom: 1.5rem; + text-align: center; +} +.marketing h2 { + font-weight: 400; +} +.marketing .col-lg-4 p { + margin-right: .75rem; + margin-left: .75rem; +} + + +/* Featurettes +------------------------- */ + +.featurette-divider { + margin: 5rem 0; /* Space out the Bootstrap <hr> more */ +} + +/* Thin out the marketing headings */ +.featurette-heading { + font-weight: 300; + line-height: 1; + letter-spacing: -.05rem; +} + + +/* RESPONSIVE CSS +-------------------------------------------------- */ + +@media (min-width: 40em) { + /* Bump up size of carousel content */ + .carousel-caption p { + margin-bottom: 1.25rem; + font-size: 1.25rem; + line-height: 1.4; + } + + .featurette-heading { + font-size: 50px; + } +} + +@media (min-width: 62em) { + .featurette-heading { + margin-top: 7rem; + } +} |
