screen-lg.less 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @media (min-width: @screen-lg) {
  2. #icon-carousel {
  3. @size: 240px;
  4. font-size: @size;
  5. line-height: @size + 35;
  6. margin-top: @buffer-lg;
  7. }
  8. .carousel-control {
  9. top: @size + 35px;
  10. .square(40px);
  11. font-size: 40px;
  12. line-height: 40px;
  13. left: 370/2 - 52px;
  14. &.right {
  15. right: 370/2 - 52px;
  16. }
  17. }
  18. .jumbotron-ad {
  19. padding: 50px 0;
  20. h1 {
  21. margin-top: 25px;
  22. font-size: 90px;
  23. }
  24. p {
  25. font-size: 28px;
  26. margin: 35px 0 20px;
  27. }
  28. }
  29. .jumbotron-carousel {
  30. padding: 50px 0;
  31. h1 { font-size: 100px; }
  32. p {
  33. font-size: 32px;
  34. margin: 20px 0;
  35. }
  36. .btn-large {
  37. font-size: 30px;
  38. padding: 21px 35px;
  39. }
  40. }
  41. .stripe-ad .lead { padding-top: 0; }
  42. .lead {
  43. font-size: 26px;
  44. line-height: 36px;
  45. }
  46. .fort-awesome {
  47. .tagline { }
  48. .action { width: 18%; }
  49. }
  50. .hide-lg { display: none; }
  51. .jumbotron-ad #newsletter {
  52. margin-top: 30px;
  53. margin-right: 250px;
  54. margin-bottom: -70px;
  55. }
  56. }