jumbotron.less 936 B

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