_bootswatch.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. // Cerulean 3.3.4
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. @mixin btn-shadow($color){
  5. @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
  6. filter: none;
  7. border-bottom: 1px solid darken($color, 10%);
  8. }
  9. // Navbar =====================================================================
  10. .navbar {
  11. @include btn-shadow($navbar-default-bg);
  12. filter: none;
  13. @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
  14. &-default {
  15. .badge {
  16. background-color: #fff;
  17. color: $navbar-default-bg;
  18. }
  19. }
  20. &-inverse {
  21. @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%));
  22. filter: none;
  23. border-bottom: 1px solid darken($navbar-inverse-bg, 10%);
  24. .badge {
  25. background-color: #fff;
  26. color: $navbar-inverse-bg;
  27. }
  28. }
  29. .navbar-nav > li > a,
  30. &-brand {
  31. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  32. }
  33. }
  34. @media (max-width: $grid-float-breakpoint-max) {
  35. .navbar {
  36. .dropdown-header {
  37. color: #fff;
  38. }
  39. }
  40. }
  41. // Buttons ====================================================================
  42. .btn {
  43. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  44. .caret {
  45. border-top-color: #fff;
  46. }
  47. }
  48. .btn-default {
  49. @include btn-shadow($btn-default-bg);
  50. &:hover {
  51. color: $btn-default-color;
  52. }
  53. .caret {
  54. border-top-color: $text-color;
  55. }
  56. }
  57. .btn-default {
  58. @include btn-shadow($btn-default-bg);
  59. }
  60. .btn-primary {
  61. @include btn-shadow($btn-primary-bg);
  62. }
  63. .btn-success {
  64. @include btn-shadow($btn-success-bg);
  65. }
  66. .btn-info {
  67. @include btn-shadow($btn-info-bg);
  68. }
  69. .btn-warning {
  70. @include btn-shadow($btn-warning-bg);
  71. }
  72. .btn-danger {
  73. @include btn-shadow($btn-danger-bg);
  74. }
  75. // Typography =================================================================
  76. // Tables =====================================================================
  77. // Forms ======================================================================
  78. // Navs =======================================================================
  79. // Indicators =================================================================
  80. // Progress bars ==============================================================
  81. // Containers =================================================================
  82. .panel-primary,
  83. .panel-success,
  84. .panel-warning,
  85. .panel-danger,
  86. .panel-info {
  87. .panel-heading,
  88. .panel-title {
  89. color: #fff;
  90. }
  91. }