You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

291 lines
8.0 KiB

4 years ago
  1. /*!
  2. * Bootstrap v3.3.7 (http://getbootstrap.com)
  3. * Copyright 2011-2016 Twitter, Inc.
  4. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5. */
  6. //
  7. // Load core variables and mixins
  8. // --------------------------------------------------
  9. @import "variables.less";
  10. @import "mixins.less";
  11. //
  12. // Buttons
  13. // --------------------------------------------------
  14. // Common styles
  15. .btn-default,
  16. .btn-primary,
  17. .btn-success,
  18. .btn-info,
  19. .btn-warning,
  20. .btn-danger {
  21. text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  22. @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
  23. .box-shadow(@shadow);
  24. // Reset the shadow
  25. &:active,
  26. &.active {
  27. .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
  28. }
  29. &.disabled,
  30. &[disabled],
  31. fieldset[disabled] & {
  32. .box-shadow(none);
  33. }
  34. .badge {
  35. text-shadow: none;
  36. }
  37. }
  38. // Mixin for generating new styles
  39. .btn-styles(@btn-color: #555) {
  40. #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
  41. .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620
  42. background-repeat: repeat-x;
  43. border-color: darken(@btn-color, 14%);
  44. &:hover,
  45. &:focus {
  46. background-color: darken(@btn-color, 12%);
  47. background-position: 0 -15px;
  48. }
  49. &:active,
  50. &.active {
  51. background-color: darken(@btn-color, 12%);
  52. border-color: darken(@btn-color, 14%);
  53. }
  54. &.disabled,
  55. &[disabled],
  56. fieldset[disabled] & {
  57. &,
  58. &:hover,
  59. &:focus,
  60. &.focus,
  61. &:active,
  62. &.active {
  63. background-color: darken(@btn-color, 12%);
  64. background-image: none;
  65. }
  66. }
  67. }
  68. // Common styles
  69. .btn {
  70. // Remove the gradient for the pressed/active state
  71. &:active,
  72. &.active {
  73. background-image: none;
  74. }
  75. }
  76. // Apply the mixin to the buttons
  77. .btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
  78. .btn-primary { .btn-styles(@btn-primary-bg); }
  79. .btn-success { .btn-styles(@btn-success-bg); }
  80. .btn-info { .btn-styles(@btn-info-bg); }
  81. .btn-warning { .btn-styles(@btn-warning-bg); }
  82. .btn-danger { .btn-styles(@btn-danger-bg); }
  83. //
  84. // Images
  85. // --------------------------------------------------
  86. .thumbnail,
  87. .img-thumbnail {
  88. .box-shadow(0 1px 2px rgba(0,0,0,.075));
  89. }
  90. //
  91. // Dropdowns
  92. // --------------------------------------------------
  93. .dropdown-menu > li > a:hover,
  94. .dropdown-menu > li > a:focus {
  95. #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
  96. background-color: darken(@dropdown-link-hover-bg, 5%);
  97. }
  98. .dropdown-menu > .active > a,
  99. .dropdown-menu > .active > a:hover,
  100. .dropdown-menu > .active > a:focus {
  101. #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
  102. background-color: darken(@dropdown-link-active-bg, 5%);
  103. }
  104. //
  105. // Navbar
  106. // --------------------------------------------------
  107. // Default navbar
  108. .navbar-default {
  109. #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
  110. .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
  111. border-radius: @navbar-border-radius;
  112. @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
  113. .box-shadow(@shadow);
  114. .navbar-nav > .open > a,
  115. .navbar-nav > .active > a {
  116. #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%));
  117. .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
  118. }
  119. }
  120. .navbar-brand,
  121. .navbar-nav > li > a {
  122. text-shadow: 0 1px 0 rgba(255,255,255,.25);
  123. }
  124. // Inverted navbar
  125. .navbar-inverse {
  126. #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
  127. .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257
  128. border-radius: @navbar-border-radius;
  129. .navbar-nav > .open > a,
  130. .navbar-nav > .active > a {
  131. #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%));
  132. .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
  133. }
  134. .navbar-brand,
  135. .navbar-nav > li > a {
  136. text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  137. }
  138. }
  139. // Undo rounded corners in static and fixed navbars
  140. .navbar-static-top,
  141. .navbar-fixed-top,
  142. .navbar-fixed-bottom {
  143. border-radius: 0;
  144. }
  145. // Fix active state of dropdown items in collapsed mode
  146. @media (max-width: @grid-float-breakpoint-max) {
  147. .navbar .navbar-nav .open .dropdown-menu > .active > a {
  148. &,
  149. &:hover,
  150. &:focus {
  151. color: #fff;
  152. #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
  153. }
  154. }
  155. }
  156. //
  157. // Alerts
  158. // --------------------------------------------------
  159. // Common styles
  160. .alert {
  161. text-shadow: 0 1px 0 rgba(255,255,255,.2);
  162. @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
  163. .box-shadow(@shadow);
  164. }
  165. // Mixin for generating new styles
  166. .alert-styles(@color) {
  167. #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
  168. border-color: darken(@color, 15%);
  169. }
  170. // Apply the mixin to the alerts
  171. .alert-success { .alert-styles(@alert-success-bg); }
  172. .alert-info { .alert-styles(@alert-info-bg); }
  173. .alert-warning { .alert-styles(@alert-warning-bg); }
  174. .alert-danger { .alert-styles(@alert-danger-bg); }
  175. //
  176. // Progress bars
  177. // --------------------------------------------------
  178. // Give the progress background some depth
  179. .progress {
  180. #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
  181. }
  182. // Mixin for generating new styles
  183. .progress-bar-styles(@color) {
  184. #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
  185. }
  186. // Apply the mixin to the progress bars
  187. .progress-bar { .progress-bar-styles(@progress-bar-bg); }
  188. .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
  189. .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
  190. .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
  191. .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
  192. // Reset the striped class because our mixins don't do multiple gradients and
  193. // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
  194. .progress-bar-striped {
  195. #gradient > .striped();
  196. }
  197. //
  198. // List groups
  199. // --------------------------------------------------
  200. .list-group {
  201. border-radius: @border-radius-base;
  202. .box-shadow(0 1px 2px rgba(0,0,0,.075));
  203. }
  204. .list-group-item.active,
  205. .list-group-item.active:hover,
  206. .list-group-item.active:focus {
  207. text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
  208. #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
  209. border-color: darken(@list-group-active-border, 7.5%);
  210. .badge {
  211. text-shadow: none;
  212. }
  213. }
  214. //
  215. // Panels
  216. // --------------------------------------------------
  217. // Common styles
  218. .panel {
  219. .box-shadow(0 1px 2px rgba(0,0,0,.05));
  220. }
  221. // Mixin for generating new styles
  222. .panel-heading-styles(@color) {
  223. #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
  224. }
  225. // Apply the mixin to the panel headings only
  226. .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
  227. .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
  228. .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
  229. .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
  230. .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
  231. .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
  232. //
  233. // Wells
  234. // --------------------------------------------------
  235. .well {
  236. #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
  237. border-color: darken(@well-bg, 10%);
  238. @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
  239. .box-shadow(@shadow);
  240. }