screen-xs.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. @media (max-width: @screen-xs-max) {
  2. #icon-carousel {
  3. @size: 180px;
  4. font-size: @size;
  5. line-height: @size + 30;
  6. width: 280px;
  7. margin: 30px auto 0;
  8. }
  9. .carousel-control {
  10. top: 40%;
  11. .square(44px);
  12. font-size: 44px;
  13. line-height: 44px;
  14. left: -7px;
  15. &.right { right: -7px; }
  16. }
  17. .jumbotron-carousel {
  18. h1 { font-size: 58px; }
  19. p { font-size: 24px; }
  20. .btn-large {
  21. font-size: 20px;
  22. padding: 14px 26px;
  23. }
  24. .shameless-self-promotion { font-size: 12px; }
  25. }
  26. .jumbotron-ad {
  27. h1 { font-size: 39px; }
  28. p {
  29. font-size: 20px;
  30. margin-bottom: 20px;
  31. }
  32. }
  33. .jumbotron-icon {
  34. .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; }
  35. .fa-6 { font-size: 16em; }
  36. h1 small {
  37. display: block;
  38. margin-top: 15px;
  39. margin-left: 0;
  40. line-height: 20px;
  41. }
  42. }
  43. .stripe-ad .lead {
  44. margin-top: @buffer-lg;
  45. padding: 0;
  46. }
  47. #fusionads {
  48. float: none;
  49. display: block;
  50. margin-left: 0;
  51. .clearfix();
  52. }
  53. .vertical-ad #fusionads {
  54. width: 300px;
  55. .fusion-img {
  56. float: left;
  57. padding-right: 10px;
  58. }
  59. }
  60. .fonticons {
  61. padding: 15px 0;
  62. .tagline, .action { display: block; }
  63. .tagline { margin-bottom: 10px; }
  64. }
  65. .hide-xs { display: none; }
  66. .block-xs { display: block; }
  67. .modal-footer .block-xs + .block-xs {
  68. margin-left: 0;
  69. margin-top: 10px;
  70. }
  71. .navbar-org {
  72. text-align: center;
  73. .container { padding: 0; }
  74. .navbar-nav {
  75. margin: 0;
  76. > li + li {
  77. margin-left: 0;
  78. }
  79. }
  80. .nav > li {
  81. float: left;
  82. width: 50%;
  83. }
  84. }
  85. .signup-button .btn { white-space: normal; }
  86. .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
  87. }