jumbotron.less 983 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. //
  2. // Jumbotron
  3. // --------------------------------------------------
  4. .jumbotron {
  5. padding: @jumbotron-padding (@jumbotron-padding / 2);
  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. > 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: (@jumbotron-padding * 1.6) 0;
  30. .container &,
  31. .container-fluid & {
  32. padding-left: (@jumbotron-padding * 2);
  33. padding-right: (@jumbotron-padding * 2);
  34. }
  35. h1,
  36. .h1 {
  37. font-size: (@font-size-base * 4.5);
  38. }
  39. }
  40. }