gh-pages.sass 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. ---
  2. ---
  3. @import ../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables
  4. @import variables
  5. @import extends
  6. @import mixins
  7. @import select2-result-repository
  8. a
  9. &:hover,
  10. &:focus
  11. text-decoration: none
  12. .demo
  13. padding: 80px 30px 0
  14. .footer
  15. padding-top: 200px
  16. padding-bottom: 80px
  17. @extend %background-image
  18. .home
  19. padding-bottom: 30px
  20. @extend %background-image
  21. background-position: 50% 50%
  22. body
  23. background-color: transparent
  24. .container
  25. max-width: 700px
  26. .jumbotron
  27. background-color: transparent
  28. text-align: center
  29. font-weight: normal
  30. &-title
  31. margin-top: 40px
  32. font-size: 28px
  33. h2
  34. text-align: center
  35. font-size: 16px
  36. hr
  37. border-color: #eee
  38. width: 100px
  39. .lead
  40. font-size: 16px
  41. a
  42. +link
  43. .form-group
  44. background: none
  45. .select2-wrapper
  46. width: 300px
  47. text-align: left
  48. margin: 0 auto $padding-large-horizontal
  49. transition: all .1s ease-in-out
  50. .btn
  51. &-outline
  52. border-color: $component-active-bg
  53. font-size: inherit
  54. padding: 18px 24px
  55. transition: all .1s ease-in-out
  56. &:hover,
  57. &:active
  58. color: $component-active-color
  59. background-color: $component-active-bg
  60. &-lg
  61. padding: 10px 16px
  62. font-size: 18px
  63. line-height: 1.33
  64. border-radius: 6px
  65. margin-top: 15px
  66. margin-bottom: 15px
  67. margin-left: 0
  68. .footer-links
  69. margin-top: $padding-large-horizontal
  70. margin-bottom: 0
  71. padding-bottom: $padding-large-horizontal
  72. padding-left: 0
  73. list-style: none
  74. font-size: 14px
  75. li
  76. display: inline
  77. margin-left: 2px
  78. margin-right: 2px
  79. .footer
  80. text-align: center
  81. color: #ccc
  82. a
  83. +link
  84. @media (min-width: $screen-sm)
  85. .jumbotron
  86. padding-top: 60px
  87. padding-bottom: 60px
  88. font-size: $lead-font-size
  89. h1
  90. font-size: 32px
  91. .lead
  92. font-size: $lead-font-size
  93. .btn-lg
  94. margin: 20px 0
  95. padding: 18px 24px
  96. font-size: $lead-font-size