jumbotron.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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. }
  18. > hr {
  19. border-top-color: darken(@jumbotron-bg, 10%);
  20. }
  21. .container &,
  22. .container-fluid & {
  23. border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
  24. }
  25. .container {
  26. max-width: 100%;
  27. }
  28. @media screen and (min-width: @screen-sm-min) {
  29. padding-top: (@jumbotron-padding * 1.6);
  30. padding-bottom: (@jumbotron-padding * 1.6);
  31. .container &,
  32. .container-fluid & {
  33. padding-left: (@jumbotron-padding * 2);
  34. padding-right: (@jumbotron-padding * 2);
  35. }
  36. h1,
  37. .h1 {
  38. font-size: @jumbotron-heading-font-size;
  39. }
  40. }
  41. }