_jumbotron.scss 901 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. }