bootswatch.less 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. // Simplex 3.1.1
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. .btn-shadow(@color) {
  5. #gradient > .vertical-three-colors(lighten(@color, 3%), @color, 6%, darken(@color, 3%));
  6. filter: none;
  7. border: 1px solid darken(@color, 10%);
  8. }
  9. // Navbar =====================================================================
  10. // Buttons ====================================================================
  11. .btn {
  12. font-family: @headings-font-family;
  13. }
  14. .btn-default,
  15. .btn-default:hover {
  16. .btn-shadow(@btn-default-bg);
  17. }
  18. .btn-primary,
  19. .btn-primary:hover {
  20. .btn-shadow(@btn-primary-bg);
  21. }
  22. .btn-success,
  23. .btn-success:hover {
  24. .btn-shadow(@btn-success-bg);
  25. }
  26. .btn-info,
  27. .btn-info:hover {
  28. .btn-shadow(@btn-info-bg);
  29. }
  30. .btn-warning,
  31. .btn-warning:hover {
  32. .btn-shadow(@btn-warning-bg);
  33. }
  34. .btn-danger,
  35. .btn-danger:hover {
  36. .btn-shadow(@btn-danger-bg);
  37. }
  38. // Typography =================================================================
  39. body {
  40. font-weight: 200;
  41. }
  42. // Tables =====================================================================
  43. th {
  44. color: @headings-color;
  45. }
  46. // Forms ======================================================================
  47. legend {
  48. color: @headings-color;
  49. }
  50. .has-warning {
  51. .help-block,
  52. .control-label {
  53. color: @brand-danger;
  54. }
  55. .form-control,
  56. .form-control:focus {
  57. border-color: @brand-danger;
  58. }
  59. }
  60. .has-error {
  61. .help-block,
  62. .control-label {
  63. color: @brand-primary;
  64. }
  65. .form-control,
  66. .form-control:focus {
  67. border-color: @brand-primary;
  68. }
  69. }
  70. .has-success {
  71. .help-block,
  72. .control-label {
  73. color: @brand-success;
  74. }
  75. .form-control,
  76. .form-control:focus {
  77. border-color: @brand-success;
  78. }
  79. }
  80. // Navs =======================================================================
  81. .pager {
  82. a {
  83. color: @headings-color;
  84. }
  85. a:hover,
  86. .active > a, {
  87. border-color: @brand-primary;
  88. color: #fff;
  89. }
  90. .disabled > a {
  91. border-color: @pager-border;
  92. }
  93. }
  94. // Indicators =================================================================
  95. // Progress bars ==============================================================
  96. // Containers =================================================================