_jumbotron.scss 901B

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