_bootswatch.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. // Sandstone 3.3.4
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. @import url("//fonts.googleapis.com/css?family=Roboto:400,500");
  5. // Navbar =====================================================================
  6. .sandstone {
  7. font-size: 11px;
  8. line-height: 22px;
  9. font-weight: 500;
  10. text-transform: uppercase;
  11. }
  12. .navbar {
  13. .nav > li > a {
  14. @extend .sandstone;
  15. }
  16. &-form input,
  17. &-form .form-control {
  18. border: none;
  19. }
  20. }
  21. // Buttons ====================================================================
  22. .btn {
  23. border: none;
  24. @extend .sandstone;
  25. &:hover {
  26. border-color: transparent;
  27. }
  28. &-lg {
  29. line-height: 26px;
  30. }
  31. &-default {
  32. &:hover {
  33. background-color: $navbar-default-link-active-bg;
  34. }
  35. }
  36. }
  37. // Typography =================================================================
  38. // Tables =====================================================================
  39. // Forms ======================================================================
  40. input,
  41. .form-control {
  42. @include box-shadow(none);
  43. &:focus {
  44. border-color: $input-border;
  45. @include box-shadow(none);
  46. }
  47. }
  48. // Navs =======================================================================
  49. .nav {
  50. @extend .sandstone;
  51. .open > a,
  52. .open > a:hover,
  53. .open > a:focus {
  54. border-color: $gray-light;
  55. }
  56. }
  57. .nav-tabs {
  58. & > li > a {
  59. background-color: $gray-lighter;
  60. border-color: $nav-tabs-border-color;
  61. color: $gray;
  62. }
  63. > li.disabled > a:hover {
  64. background-color: $gray-lighter;
  65. }
  66. }
  67. .nav-pills {
  68. a {
  69. color: $gray;
  70. }
  71. li > a {
  72. border: 1px solid transparent;
  73. }
  74. li.active > a,
  75. li > a:hover {
  76. border-color: $gray-light;
  77. }
  78. li.disabled > a {
  79. border-color: transparent;
  80. }
  81. }
  82. .breadcrumb {
  83. @extend .sandstone;
  84. border: 1px solid $gray-light;
  85. a {
  86. color: $gray;
  87. }
  88. }
  89. .pagination {
  90. @extend .sandstone;
  91. }
  92. .pager {
  93. @extend .sandstone;
  94. li > a {
  95. color: $gray;
  96. }
  97. }
  98. .dropdown-menu {
  99. & > li > a {
  100. @extend .sandstone;
  101. }
  102. }
  103. // Indicators =================================================================
  104. .alert {
  105. a,
  106. .alert-link {
  107. color: #fff;
  108. }
  109. }
  110. .tooltip {
  111. @extend .sandstone;
  112. }
  113. // Progress bars ==============================================================
  114. .progress {
  115. border-radius: 10px;
  116. background-color: $gray-light;
  117. @include box-shadow(none);
  118. &-bar {
  119. @include box-shadow(none);
  120. }
  121. }
  122. // Containers =================================================================
  123. .list-group {
  124. &-item {
  125. padding: 16px 24px;
  126. }
  127. }
  128. .well {
  129. @include box-shadow(none);
  130. }
  131. .panel {
  132. @include box-shadow(none);
  133. .panel-heading,
  134. .panel-title {
  135. @extend .sandstone;
  136. color: #fff;
  137. }
  138. .panel-footer {
  139. @extend .sandstone;
  140. }
  141. &-default {
  142. .panel-heading,
  143. .panel-title,
  144. .panel-footer {
  145. color: $gray;
  146. }
  147. }
  148. }