jumbotron.less 965 B

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