bootswatch.less 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. // Flatly 3.1.1
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. @import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
  5. // Navbar =====================================================================
  6. // Buttons ====================================================================
  7. .btn:active {
  8. .box-shadow(none);
  9. }
  10. .btn-group.open .dropdown-toggle {
  11. .box-shadow(none);
  12. }
  13. // Typography =================================================================
  14. .text-primary,
  15. .text-primary:hover {
  16. color: @brand-primary;
  17. }
  18. .text-success,
  19. .text-success:hover {
  20. color: @brand-success;
  21. }
  22. .text-danger,
  23. .text-danger:hover {
  24. color: @brand-danger;
  25. }
  26. .text-warning,
  27. .text-warning:hover {
  28. color: @brand-warning;
  29. }
  30. .text-info,
  31. .text-info:hover {
  32. color: @brand-info;
  33. }
  34. // Tables =====================================================================
  35. table,
  36. .table {
  37. a {
  38. text-decoration: underline;
  39. }
  40. .success,
  41. .warning,
  42. .danger,
  43. .info {
  44. color: #fff;
  45. a {
  46. color: #fff;
  47. }
  48. }
  49. > thead > tr > th,
  50. > tbody > tr > th,
  51. > tfoot > tr > th,
  52. > thead > tr > td,
  53. > tbody > tr > td,
  54. > tfoot > tr > td {
  55. border: none;
  56. }
  57. &-bordered > thead > tr > th,
  58. &-bordered > tbody > tr > th,
  59. &-bordered > tfoot > tr > th,
  60. &-bordered > thead > tr > td,
  61. &-bordered > tbody > tr > td,
  62. &-bordered > tfoot > tr > td {
  63. border: 1px solid @table-border-color;
  64. }
  65. }
  66. // Forms ======================================================================
  67. .form-control,textarea.form-control,
  68. input[type="text"],
  69. input[type="password"],
  70. input[type="datetime"],
  71. input[type="datetime-local"],
  72. input[type="date"],
  73. input[type="month"],
  74. input[type="time"],
  75. input[type="week"],
  76. input[type="number"],
  77. input[type="email"],
  78. input[type="url"],
  79. input[type="search"],
  80. input[type="tel"],
  81. input[type="color"],
  82. .uneditable-input {
  83. border-width: 2px;
  84. .box-shadow(none);
  85. &:focus {
  86. .box-shadow(none);
  87. }
  88. }
  89. .has-warning {
  90. .help-block,
  91. .control-label {
  92. color: @brand-warning;
  93. }
  94. .form-control,
  95. .form-control:focus {
  96. border: 2px solid @brand-warning;
  97. }
  98. }
  99. .has-error {
  100. .help-block,
  101. .control-label {
  102. color: @brand-danger;
  103. }
  104. .form-control,
  105. .form-control:focus {
  106. border: 2px solid @brand-danger;
  107. }
  108. }
  109. .has-success {
  110. .help-block,
  111. .control-label {
  112. color: @brand-success;
  113. }
  114. .form-control,
  115. .form-control:focus {
  116. border: 2px solid @brand-success;
  117. }
  118. }
  119. // Navs =======================================================================
  120. .nav {
  121. .open > a,
  122. .open > a:hover,
  123. .open > a:focus {
  124. border-color: transparent;
  125. }
  126. }
  127. .pager {
  128. a,
  129. a:hover {
  130. color: #fff;
  131. }
  132. .disabled {
  133. &>a,
  134. &>a:hover,
  135. &>a:focus,
  136. &>span {
  137. background-color: @pagination-disabled-bg;
  138. }
  139. }
  140. }
  141. // Indicators =================================================================
  142. .alert {
  143. a,
  144. .alert-link {
  145. color: #fff;
  146. text-decoration: underline;
  147. }
  148. }
  149. // Progress bars ==============================================================
  150. .progress {
  151. height: 10px;
  152. .box-shadow(none);
  153. }
  154. // Containers =================================================================
  155. .well {
  156. .box-shadow(none);
  157. }