_jumbotron.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. //
  2. // Jumbotron
  3. // --------------------------------------------------
  4. .jumbotron {
  5. padding-top: $jumbotron-padding;
  6. padding-bottom: $jumbotron-padding;
  7. margin-bottom: $jumbotron-padding;
  8. color: $jumbotron-color;
  9. background-color: $jumbotron-bg;
  10. h1,
  11. .h1 {
  12. color: $jumbotron-heading-color;
  13. }
  14. p {
  15. margin-bottom: ($jumbotron-padding / 2);
  16. font-size: $jumbotron-font-size;
  17. font-weight: 200;
  18. }
  19. > hr {
  20. border-top-color: darken($jumbotron-bg, 10%);
  21. }
  22. .container &,
  23. .container-fluid & {
  24. border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
  25. }
  26. .container {
  27. max-width: 100%;
  28. }
  29. @media screen and (min-width: $screen-sm-min) {
  30. padding-top: ($jumbotron-padding * 1.6);
  31. padding-bottom: ($jumbotron-padding * 1.6);
  32. .container &,
  33. .container-fluid & {
  34. padding-left: ($jumbotron-padding * 2);
  35. padding-right: ($jumbotron-padding * 2);
  36. }
  37. h1,
  38. .h1 {
  39. font-size: $jumbotron-heading-font-size;
  40. }
  41. }
  42. }