|
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