_bootswatch.scss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. // Cosmo 3.3.4
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. @import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
  5. // Navbar =====================================================================
  6. .navbar {
  7. &-inverse {
  8. .badge {
  9. background-color: #fff;
  10. color: $brand-primary;
  11. }
  12. }
  13. }
  14. // Buttons ====================================================================
  15. // Typography =================================================================
  16. body {
  17. -webkit-font-smoothing: antialiased;
  18. }
  19. .text-primary,
  20. .text-primary:hover {
  21. color: $brand-primary;
  22. }
  23. .text-success,
  24. .text-success:hover {
  25. color: $brand-success;
  26. }
  27. .text-danger,
  28. .text-danger:hover {
  29. color: $brand-danger;
  30. }
  31. .text-warning,
  32. .text-warning:hover {
  33. color: $brand-warning;
  34. }
  35. .text-info,
  36. .text-info:hover {
  37. color: $brand-info;
  38. }
  39. // Tables =====================================================================
  40. table,
  41. .table {
  42. a:not(.btn) {
  43. text-decoration: underline;
  44. }
  45. .dropdown-menu a {
  46. text-decoration: none;
  47. }
  48. .success,
  49. .warning,
  50. .danger,
  51. .info {
  52. color: #fff;
  53. a {
  54. color: #fff;
  55. }
  56. }
  57. }
  58. // Forms ======================================================================
  59. .has-warning {
  60. .help-block,
  61. .control-label,
  62. .form-control-feedback {
  63. color: $brand-warning;
  64. }
  65. .form-control,
  66. .form-control:focus,
  67. .input-group-addon {
  68. border: 1px solid $brand-warning;
  69. }
  70. }
  71. .has-error {
  72. .help-block,
  73. .control-label,
  74. .form-control-feedback {
  75. color: $brand-danger;
  76. }
  77. .form-control,
  78. .form-control:focus,
  79. .input-group-addon {
  80. border: 1px solid $brand-danger;
  81. }
  82. }
  83. .has-success {
  84. .help-block,
  85. .control-label,
  86. .form-control-feedback {
  87. color: $brand-success;
  88. }
  89. .form-control,
  90. .form-control:focus,
  91. .input-group-addon {
  92. border: 1px solid $brand-success;
  93. }
  94. }
  95. // Navs =======================================================================
  96. .nav-pills {
  97. & > li > a {
  98. border-radius: 0;
  99. }
  100. }
  101. .dropdown-menu {
  102. & > li > a:hover,
  103. & > li > a:focus {
  104. background-image: none;
  105. }
  106. }
  107. // Indicators =================================================================
  108. .close {
  109. text-decoration: none;
  110. text-shadow: none;
  111. opacity: 0.4;
  112. &:hover,
  113. &:focus {
  114. opacity: 1;
  115. }
  116. }
  117. .alert {
  118. border: none;
  119. .alert-link {
  120. text-decoration: underline;
  121. color: #fff;
  122. }
  123. }
  124. .label {
  125. border-radius: 0;
  126. }
  127. // Progress bars ==============================================================
  128. .progress {
  129. height: 8px;
  130. @include box-shadow(none);
  131. .progress-bar {
  132. font-size: 8px;
  133. line-height: 8px;
  134. }
  135. }
  136. // Containers =================================================================
  137. .panel {
  138. &-heading,
  139. &-footer {
  140. border-top-right-radius: 0;
  141. border-top-left-radius: 0;
  142. }
  143. &-default {
  144. .close {
  145. color: $text-color;
  146. }
  147. }
  148. }
  149. a.list-group-item {
  150. &-success {
  151. &.active {
  152. background-color: $state-success-bg;
  153. }
  154. &.active:hover,
  155. &.active:focus {
  156. background-color: darken($state-success-bg, 5%);
  157. }
  158. }
  159. &-warning {
  160. &.active {
  161. background-color: $state-warning-bg;
  162. }
  163. &.active:hover,
  164. &.active:focus {
  165. background-color: darken($state-warning-bg, 5%);
  166. }
  167. }
  168. &-danger {
  169. &.active {
  170. background-color: $state-danger-bg;
  171. }
  172. &.active:hover,
  173. &.active:focus {
  174. background-color: darken($state-danger-bg, 5%);
  175. }
  176. }
  177. }
  178. .modal {
  179. .close {
  180. color: $text-color;
  181. }
  182. }
  183. .popover {
  184. color: $text-color;
  185. }