|
1 | | -// Cerulean 3.3.7 |
| 1 | +// Cerulean 4.1.3 |
2 | 2 | // Bootswatch |
3 | | -// ----------------------------------------------------- |
| 3 | + |
4 | 4 |
|
5 | 5 | @mixin btn-shadow($color){ |
6 | | - @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%)); |
7 | | - filter: none; |
8 | | - border-bottom: 1px solid darken($color, 10%); |
| 6 | + @include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%)); |
9 | 7 | } |
10 | 8 |
|
11 | | -// Navbar ===================================================================== |
12 | | - |
13 | | -.navbar { |
14 | | - &-default { |
15 | | - @include btn-shadow($navbar-default-bg); |
16 | | - filter: none; |
17 | | - @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); |
18 | | - |
19 | | - .badge { |
20 | | - background-color: #fff; |
21 | | - color: $navbar-default-bg; |
22 | | - } |
23 | | - } |
24 | | - |
25 | | - &-inverse { |
26 | | - @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); |
27 | | - filter: none; |
28 | | - border-bottom: 1px solid darken($navbar-inverse-bg, 10%); |
| 9 | +$text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default; |
29 | 10 |
|
30 | | - .badge { |
31 | | - background-color: #fff; |
32 | | - color: $navbar-inverse-bg; |
33 | | - } |
34 | | - } |
| 11 | +// Navbar ====================================================================== |
35 | 12 |
|
36 | | - .navbar-nav > li > a, |
37 | | - &-brand { |
38 | | - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); |
39 | | - } |
| 13 | +.bg-primary { |
| 14 | + @include btn-shadow($primary); |
40 | 15 | } |
41 | 16 |
|
42 | | -@media (max-width: $grid-float-breakpoint-max) { |
43 | | - |
44 | | - .navbar { |
45 | | - |
46 | | - .dropdown-header { |
47 | | - color: #fff; |
48 | | - } |
49 | | - |
50 | | - .dropdown-menu { |
51 | | - a { |
52 | | - color: #fff; |
53 | | - } |
54 | | - } |
55 | | - } |
| 17 | +.bg-dark { |
| 18 | + @include btn-shadow($blue); |
56 | 19 | } |
57 | 20 |
|
58 | | -// Buttons ==================================================================== |
59 | | - |
60 | | -.btn { |
61 | | - |
62 | | - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); |
63 | | - |
64 | | - .caret { |
65 | | - border-top-color: #fff; |
66 | | - } |
| 21 | +.bg-light { |
| 22 | + @include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%)); |
67 | 23 | } |
68 | 24 |
|
69 | | -.btn-default { |
70 | | - |
71 | | - @include btn-shadow($btn-default-bg); |
| 25 | +.navbar-brand, |
| 26 | +.nav-link { |
| 27 | + text-shadow: $text-shadow |
| 28 | +} |
72 | 29 |
|
73 | | - &:hover { |
74 | | - color: $btn-default-color; |
75 | | - } |
| 30 | +// Buttons ===================================================================== |
76 | 31 |
|
77 | | - .caret { |
78 | | - border-top-color: $text-color; |
79 | | - } |
| 32 | +.btn { |
| 33 | + text-shadow: $text-shadow |
80 | 34 | } |
81 | 35 |
|
82 | | -.btn-default { |
83 | | - @include btn-shadow($btn-default-bg); |
| 36 | +.btn-primary { |
| 37 | + @include btn-shadow($primary); |
84 | 38 | } |
85 | 39 |
|
86 | | -.btn-primary { |
87 | | - @include btn-shadow($btn-primary-bg); |
| 40 | +.btn-secondary { |
| 41 | + @include btn-shadow($secondary); |
| 42 | + color: $gray-700; |
88 | 43 | } |
89 | 44 |
|
90 | 45 | .btn-success { |
91 | | - @include btn-shadow($btn-success-bg); |
| 46 | + @include btn-shadow($success); |
92 | 47 | } |
93 | 48 |
|
94 | 49 | .btn-info { |
95 | | - @include btn-shadow($btn-info-bg); |
| 50 | + @include btn-shadow($info); |
96 | 51 | } |
97 | 52 |
|
98 | 53 | .btn-warning { |
99 | | - @include btn-shadow($btn-warning-bg); |
| 54 | + @include btn-shadow($warning); |
100 | 55 | } |
101 | 56 |
|
102 | 57 | .btn-danger { |
103 | | - @include btn-shadow($btn-danger-bg); |
| 58 | + @include btn-shadow($danger); |
104 | 59 | } |
105 | 60 |
|
106 | | -// Typography ================================================================= |
| 61 | +.btn-light { |
| 62 | + @include btn-shadow($light); |
| 63 | +} |
107 | 64 |
|
108 | | -// Tables ===================================================================== |
| 65 | +.btn-dark { |
| 66 | + @include btn-shadow($dark); |
| 67 | +} |
109 | 68 |
|
110 | | -// Forms ====================================================================== |
111 | 69 |
|
112 | | -// Navs ======================================================================= |
| 70 | +// Typography ================================================================== |
113 | 71 |
|
114 | | -// Indicators ================================================================= |
| 72 | +.bg-primary, |
| 73 | +.bg-success, |
| 74 | +.bg-info, |
| 75 | +.bg-warning, |
| 76 | +.bg-danger, |
| 77 | +.bg-dark { |
| 78 | + h1, h2, h3, h4, h5, h6 { |
| 79 | + color: $white; |
| 80 | + } |
| 81 | +} |
115 | 82 |
|
116 | | -// Progress bars ============================================================== |
| 83 | +// Tables ====================================================================== |
117 | 84 |
|
118 | | -// Containers ================================================================= |
| 85 | +// Forms ======================================================================= |
119 | 86 |
|
120 | | -.panel-primary, |
121 | | -.panel-success, |
122 | | -.panel-warning, |
123 | | -.panel-danger, |
124 | | -.panel-info { |
| 87 | +// Navs ======================================================================== |
125 | 88 |
|
126 | | - .panel-heading, |
127 | | - .panel-title { |
128 | | - color: #fff; |
| 89 | +.dropdown-menu { |
| 90 | + .dropdown-header { |
| 91 | + color: $gray-600; |
129 | 92 | } |
130 | 93 | } |
| 94 | + |
| 95 | +// Indicators ================================================================== |
| 96 | + |
| 97 | +// Progress bars =============================================================== |
| 98 | + |
| 99 | +// Containers ================================================================== |
0 commit comments