|
4 | 4 | > a:focus{ |
5 | 5 | background-color: transparent; |
6 | 6 | } |
7 | | - } |
| 7 | + a{ |
| 8 | + p{ |
| 9 | + margin-bottom: 0; |
| 10 | + } |
| 11 | + } |
| 12 | + } |
8 | 13 | } |
9 | 14 | .navbar{ |
10 | 15 | border: $none; |
11 | 16 | font-size: $font-size-navbar; |
12 | 17 | border-radius: 0; |
13 | | - |
| 18 | + |
14 | 19 | .navbar-brand { |
15 | 20 | font-weight: $font-weight-normal; |
16 | 21 | margin: $navbar-margin-brand; |
|
31 | 36 | margin: $navbar-margin-a-btn-round; |
32 | 37 | } |
33 | 38 | > li > a [class^="fa"]{ |
34 | | - font-size: $font-size-large + 1; |
| 39 | + font-size: $font-size-large + 1; |
35 | 40 | position: relative; |
36 | 41 | line-height: 16px; |
37 | 42 | top: 1px; |
38 | 43 | } |
39 | | - |
| 44 | + |
40 | 45 | .notification{ |
41 | 46 | position: absolute; |
42 | 47 | background-color: #FB404B; |
|
63 | 68 | .caret{ |
64 | 69 | // @include center-item(); |
65 | 70 | } |
66 | | - |
| 71 | + |
67 | 72 | &.fixed{ |
68 | 73 | width: calc(100% - $sidebar-width); |
69 | 74 | right: 0; |
|
78 | 83 | margin-top: -5px; |
79 | 84 | } |
80 | 85 |
|
81 | | -.navbar-transparent, [class*="navbar-ct"]{ |
| 86 | +.navbar-transparent, [class*="navbar-ct"]{ |
82 | 87 | .navbar-brand{ |
83 | 88 | color: $white-color; |
84 | 89 | @include opacity(.9); |
85 | | - |
| 90 | + |
86 | 91 | &:focus, |
87 | 92 | &:hover{ |
88 | 93 | background-color: transparent; |
|
109 | 114 | .nav > li > a.btn:hover{ |
110 | 115 | background-color: transparent; |
111 | 116 | } |
112 | | - |
| 117 | + |
113 | 118 | > .dropdown > a .caret, |
114 | 119 | > .dropdown > a:hover .caret, |
115 | 120 | > .dropdown > a:focus .caret{ |
116 | 121 | border-bottom-color: $white-color; |
117 | 122 | border-top-color: $white-color; |
118 | | - } |
119 | | - |
| 123 | + } |
| 124 | + |
120 | 125 | > .open > a, |
121 | 126 | > .open > a:hover, |
122 | 127 | > .open > a:focus { |
|
125 | 130 | @include opacity(1); |
126 | 131 | } |
127 | 132 | } |
128 | | - |
| 133 | + |
129 | 134 | .btn-default{ |
130 | 135 | color: $white-color; |
131 | 136 | border-color: $white-color; |
|
135 | 140 | background-color: $white-color; |
136 | 141 | @include opacity(.9); |
137 | 142 | } |
138 | | - .btn-default.btn-fill:hover, |
139 | | - .btn-default.btn-fill:focus, |
| 143 | + .btn-default.btn-fill:hover, |
| 144 | + .btn-default.btn-fill:focus, |
140 | 145 | .btn-default.btn-fill:active, |
141 | | - .btn-default.btn-fill.active, |
| 146 | + .btn-default.btn-fill.active, |
142 | 147 | .open .dropdown-toggle.btn-fill.btn-default{ |
143 | 148 | border-color: $white-color; |
144 | 149 | @include opacity(1); |
145 | 150 | } |
146 | | - |
| 151 | + |
147 | 152 | } |
148 | 153 | .navbar-transparent{ |
149 | 154 | .dropdown-menu .divider{ |
|
159 | 164 | .navbar-default { |
160 | 165 | background-color: $white-navbar; |
161 | 166 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
162 | | - |
| 167 | + |
163 | 168 | .navbar-nav{ |
164 | 169 | > li > a:not(.btn){ |
165 | 170 | color: $dark-gray; |
166 | 171 | } |
167 | | - |
168 | | - > .active > a, |
169 | | - > .active > a:not(.btn):hover, |
170 | | - > .active > a:not(.btn):focus, |
171 | | - > li > a:not(.btn):hover, |
| 172 | + |
| 173 | + > .active > a, |
| 174 | + > .active > a:not(.btn):hover, |
| 175 | + > .active > a:not(.btn):focus, |
| 176 | + > li > a:not(.btn):hover, |
172 | 177 | > li > a:not(.btn):focus { |
173 | 178 | background-color: transparent; |
174 | 179 | border-radius: 3px; |
175 | 180 | color: $info-color; |
176 | 181 | @include opacity(1); |
177 | 182 | } |
178 | | - |
179 | | - > .dropdown > a:hover .caret, |
| 183 | + |
| 184 | + > .dropdown > a:hover .caret, |
180 | 185 | > .dropdown > a:focus .caret { |
181 | 186 | border-bottom-color: $info-color; |
182 | 187 | border-top-color: $info-color; |
183 | | - |
| 188 | + |
184 | 189 | } |
185 | | - |
186 | | - > .open > a, |
187 | | - > .open > a:hover, |
| 190 | + |
| 191 | + > .open > a, |
| 192 | + > .open > a:hover, |
188 | 193 | > .open > a:focus{ |
189 | 194 | background-color: transparent; |
190 | 195 | color: $info-color; |
|
193 | 198 | .navbar-toggle:hover,.navbar-toggle:focus { |
194 | 199 | background-color: transparent; |
195 | 200 | } |
196 | | - |
197 | | - } |
198 | | - |
| 201 | + |
| 202 | + } |
| 203 | + |
199 | 204 | &:not(.navbar-transparent) .btn-default:hover{ |
200 | 205 | color: $info-color; |
201 | 206 | border-color: $info-color; |
|
204 | 209 | &:not(.navbar-transparent) .btn-neutral:hover, |
205 | 210 | &:not(.navbar-transparent) .btn-neutral:active{ |
206 | 211 | color: $dark-gray; |
207 | | - } |
| 212 | + } |
208 | 213 | } |
209 | 214 |
|
210 | 215 | /* Navbar with icons */ |
|
220 | 225 | padding: $navbar-padding-a-icons; |
221 | 226 | margin: $navbar-margin-a-icons; |
222 | 227 | } |
223 | | - |
| 228 | + |
224 | 229 | [class^="pe"] { |
225 | 230 | font-size: 30px; |
226 | 231 | position: relative; |
227 | 232 | } |
228 | 233 | p { |
229 | 234 | margin: 3px 0 0; |
230 | | - } |
231 | | - } |
| 235 | + } |
| 236 | + } |
232 | 237 | } |
233 | 238 |
|
234 | 239 | .navbar-form{ |
235 | 240 | @include box-shadow(none); |
236 | 241 | .form-control{ |
237 | | - @include light-form(); |
| 242 | + @include light-form(); |
238 | 243 | height: 22px; |
239 | 244 | font-size: $font-size-navbar; |
240 | 245 | line-height: $line-height-general; |
241 | 246 | color: $light-gray; |
242 | 247 | } |
243 | | - .navbar-transparent & .form-control, |
| 248 | + .navbar-transparent & .form-control, |
244 | 249 | [class*="navbar-ct"] & .form-control{ |
245 | 250 | color: $white-color; |
246 | 251 | border: $none; |
|
275 | 280 | margin-top: 19px; |
276 | 281 | margin-bottom: 19px; |
277 | 282 | border: $none; |
278 | | - |
| 283 | + |
279 | 284 | .icon-bar { |
280 | 285 | background-color: $white-color; |
281 | 286 | } |
282 | | - .navbar-collapse, |
| 287 | + .navbar-collapse, |
283 | 288 | .navbar-form { |
284 | 289 | border-color: transparent; |
285 | 290 | } |
286 | | - |
| 291 | + |
287 | 292 | &.navbar-default .navbar-toggle:hover, |
288 | 293 | &.navbar-default .navbar-toggle:focus { |
289 | 294 | background-color: transparent; |
290 | 295 | } |
291 | 296 | } |
292 | | - |
293 | | - |
|
0 commit comments