jumbotron.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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. padding-right: (@grid-gutter-width / 2);
  25. padding-left: (@grid-gutter-width / 2);
  26. border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
  27. }
  28. .container {
  29. max-width: 100%;
  30. }
  31. @media screen and (min-width: @screen-sm-min) {
  32. padding-top: (@jumbotron-padding * 1.6);
  33. padding-bottom: (@jumbotron-padding * 1.6);
  34. .container &,
  35. .container-fluid & {
  36. padding-right: (@jumbotron-padding * 2);
  37. padding-left: (@jumbotron-padding * 2);
  38. }
  39. h1,
  40. .h1 {
  41. font-size: @jumbotron-heading-font-size;
  42. }
  43. }
  44. }