diff --git a/scss/_jumbotron.scss b/scss/_jumbotron.scss deleted file mode 100644 index bcd7dcad99..0000000000 --- a/scss/_jumbotron.scss +++ /dev/null @@ -1,17 +0,0 @@ -.jumbotron { - padding: $jumbotron-padding ($jumbotron-padding / 2); - margin-bottom: $jumbotron-padding; - color: $jumbotron-color; - background-color: $jumbotron-bg; - @include border-radius($border-radius-lg); - - @include media-breakpoint-up(sm) { - padding: ($jumbotron-padding * 2) $jumbotron-padding; - } -} - -.jumbotron-fluid { - padding-right: 0; - padding-left: 0; - @include border-radius(0); -} diff --git a/scss/_variables.scss b/scss/_variables.scss index 79e0793a75..716b551360 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -811,13 +811,6 @@ $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: $gray-300 !default; -// Jumbotron - -$jumbotron-padding: 2rem !default; -$jumbotron-color: null !default; -$jumbotron-bg: $gray-200 !default; - - // Cards $card-spacer-y: .75rem !default; diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index 5f100326b7..6ded9f628f 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -35,7 +35,6 @@ @import "breadcrumb"; @import "pagination"; @import "badge"; -@import "jumbotron"; @import "alert"; @import "progress"; @import "list-group"; diff --git a/site/content/docs/4.3/components/jumbotron.md b/site/content/docs/4.3/components/jumbotron.md deleted file mode 100644 index 9810be418b..0000000000 --- a/site/content/docs/4.3/components/jumbotron.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -layout: docs -title: Jumbotron -description: Lightweight, flexible component for showcasing hero unit style content. -group: components ---- - -A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site. - -{{< example >}} -
-

Hello, world!

-

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

-
-

It uses utility classes for typography and spacing to space content out within the larger container.

- Learn more -
-{{< /example >}} - -To make the jumbotron full width, and without rounded corners, add the `.jumbotron-fluid` modifier class and add a `.container` or `.container-fluid` within. - -{{< example >}} -
-
-

Fluid jumbotron

-

This is a modified jumbotron that occupies the entire horizontal space of its parent.

-
-
-{{< /example >}} diff --git a/site/content/docs/4.3/examples/album/album.css b/site/content/docs/4.3/examples/album/album.css deleted file mode 100644 index bc81349c59..0000000000 --- a/site/content/docs/4.3/examples/album/album.css +++ /dev/null @@ -1,33 +0,0 @@ -.jumbotron { - padding-top: 3rem; - padding-bottom: 3rem; - margin-bottom: 0; - background-color: #fff; -} -@media (min-width: 768px) { - .jumbotron { - padding-top: 6rem; - padding-bottom: 6rem; - } -} - -.jumbotron p:last-child { - margin-bottom: 0; -} - -.jumbotron h1 { - font-weight: 300; -} - -.jumbotron .container { - max-width: 40rem; -} - -footer { - padding-top: 3rem; - padding-bottom: 3rem; -} - -footer p { - margin-bottom: .25rem; -} diff --git a/site/content/docs/4.3/examples/album/index.html b/site/content/docs/4.3/examples/album/index.html index bedeefcf38..366ac51164 100644 --- a/site/content/docs/4.3/examples/album/index.html +++ b/site/content/docs/4.3/examples/album/index.html @@ -1,8 +1,6 @@ --- layout: examples title: Album example -extra_css: - - "album.css" ---
@@ -39,14 +37,16 @@ extra_css:
-
-
-

Album example

-

Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.

-

- Main call to action - Secondary action -

+
+
+
+

Album example

+

Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.

+

+ Main call to action + Secondary action +

+
@@ -197,12 +197,12 @@ extra_css:
-