Initial coomit for AAI-UI(sparky-fe)

[aai/sparky-fe.git] / resources / scss / bootstrap / _jumbotron.scss

diff --git a/resources/scss/bootstrap/_jumbotron.scss b/resources/scss/bootstrap/_jumbotron.scss
new file mode 100644 (file)
index 0000000..e311371
--- /dev/null
+++ b/resources/scss/bootstrap/_jumbotron.scss
@@ -0,0 +1,51 @@
+//
+// 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;
+       }
+  }
+}