viniBaxter-desk_front 24.0.0 → 31.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +6 -1
  3. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_mixins.scss +19 -15
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +923 -923
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_white-content.scss +319 -291
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +358 -300
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_nav-setup-normal.scss +139 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_nav-setup-ntf.scss +146 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_nav-setup.scss +8 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/caret-color.scss +10 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +213 -197
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +119 -153
  13. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +32 -6
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +34 -8
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +9 -8
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +84 -51
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +14 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +8 -7
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +2 -1
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +1 -2
  21. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_sizing.scss +2 -11
  22. data/lib/viniBaxter/sass/desk_front/theme-dark.scss +1 -1
  23. data/lib/viniBaxter/sass/desk_front/theme.scss +1 -1
  24. metadata +7 -3
@@ -1,321 +1,333 @@
1
- .white-content{
2
-
1
+ .white-content {
3
2
  background: $light-bg;
4
3
 
5
- .navbar.navbar-transparent .navbar-brand{
4
+ .navbar.navbar-transparent .navbar-brand {
6
5
  color: $black-states;
7
6
  }
8
7
 
9
- .navbar.navbar-transparent .navbar-toggler-bar{
8
+ .navbar.navbar-transparent .navbar-toggler-bar {
10
9
  background: $black-states;
11
10
  }
12
- .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item){
11
+ .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) {
12
+ color: $black-states;
13
+ & i {
13
14
  color: $black-states;
14
- & i{
15
- color: $black-states;
16
- }
15
+ }
17
16
  }
18
17
 
19
- .navbar.navbar-transparent .navbar-minimize button i{
18
+ .navbar.navbar-transparent .navbar-minimize button i {
20
19
  color: $black-states;
21
20
  }
22
21
 
23
- .navbar.navbar-transparent .search-bar.input-group i{
22
+ .navbar.navbar-transparent .search-bar.input-group i {
24
23
  color: $black-states;
25
24
  }
26
- .navbar.navbar-transparent .search-bar.input-group .form-control{
25
+ .navbar.navbar-transparent .search-bar.input-group .form-control {
27
26
  color: $default;
28
- &::placeholder{
27
+ &::placeholder {
29
28
  color: $dark-gray;
30
29
  }
31
30
  }
32
31
 
33
- .sidebar{
34
- box-shadow: 0 2px 22px 0 rgba(0,0,0,.1), 0 4px 20px 0 rgba(0,0,0,.15);
35
- p{
32
+ .sidebar {
33
+ box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1),
34
+ 0 4px 20px 0 rgba(0, 0, 0, 0.15);
35
+ p {
36
36
  color: $opacity-8;
37
37
  }
38
38
  }
39
39
 
40
- .main-panel{
40
+ .main-panel {
41
41
  background: $light-bg;
42
42
  }
43
43
 
44
- h1, h2, h3, h4, h5, h6, p, ol li, ul li, pre {
44
+ h1,
45
+ h2,
46
+ h3,
47
+ h4,
48
+ h5,
49
+ h6,
50
+ p,
51
+ ol li,
52
+ ul li,
53
+ pre {
45
54
  color: $black-states;
46
55
  }
47
56
 
48
- .font-icon-detail i{
57
+ .font-icon-detail i {
49
58
  color: $black;
50
59
  }
51
60
 
52
- .btn:not([data-action]):hover{
53
- box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
61
+ .btn:not([data-action]):hover {
62
+ box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
54
63
  }
55
64
 
56
- .btn-neutral.btn-link{
65
+ .btn-neutral.btn-link {
57
66
  color: rgba($black, 0.7);
58
67
  }
59
68
 
60
69
  //style for inputs
61
70
 
62
- @include form-control-placeholder(rgba($black,0.4), 1);
63
- .has-danger{
64
- .form-control, .input-group-prepend .input-group-text{
65
- border-color: $danger-states;
66
- }
71
+ @include form-control-placeholder(rgba($black, 0.4), 1);
72
+ .has-danger {
73
+ .form-control,
74
+ .input-group-prepend .input-group-text {
75
+ border-color: $danger-states;
67
76
  }
77
+ }
68
78
 
69
- .input-group-prepend .input-group-text{
70
- border-color: rgba($black-states,0.5);
71
- color: $black-states;
72
- }
79
+ .input-group-prepend .input-group-text {
80
+ border-color: rgba($black-states, 0.5);
81
+ color: $black-states;
82
+ }
73
83
 
74
- .form-control{
75
- color: $black;
76
- border-color: rgba($black-states,0.5);
77
- &:focus{
78
- border-color: $primary;
79
- }
84
+ .form-control {
85
+ color: $black;
86
+ border-color: rgba($black-states, 0.5);
87
+ &:focus {
88
+ border-color: $primary;
80
89
  }
90
+ }
81
91
 
82
92
  .form-group.no-border,
83
- .input-group.no-border{
84
- .form-control,
85
- .form-control + .input-group-prepend .input-group-text,
86
- .form-control + .input-group-append .input-group-text,
87
- .input-group-prepend .input-group-text,
88
- .input-group-append .input-group-text{
89
- background-color: $opacity-gray-3;
90
- &:focus,
91
- &:active,
92
- &:active{
93
- background-color: $opacity-gray-5;
94
- }
93
+ .input-group.no-border {
94
+ .form-control,
95
+ .form-control + .input-group-prepend .input-group-text,
96
+ .form-control + .input-group-append .input-group-text,
97
+ .input-group-prepend .input-group-text,
98
+ .input-group-append .input-group-text {
99
+ background-color: $opacity-gray-3;
100
+ &:focus,
101
+ &:active,
102
+ &:active {
103
+ background-color: $opacity-gray-5;
95
104
  }
105
+ }
96
106
 
97
- .form-control{
98
- &:focus{
99
- & + .input-group-prepend .input-group-text,
100
- & + .input-group-append .input-group-text{
101
-
102
- background-color: $transparent-bg;
103
- }
104
- }
107
+ .form-control {
108
+ &:focus {
109
+ & + .input-group-prepend .input-group-text,
110
+ & + .input-group-append .input-group-text {
111
+ background-color: $transparent-bg;
112
+ }
105
113
  }
106
-
107
-
114
+ }
108
115
  }
109
116
 
110
- .input-group[disabled]{
111
- .input-group-prepend .input-group-text,
112
- .input-group-append .input-group-text{
113
- background-color: $black;
114
- }
117
+ .input-group[disabled] {
118
+ .input-group-prepend .input-group-text,
119
+ .input-group-append .input-group-text {
120
+ background-color: $black;
121
+ }
115
122
  }
116
123
 
117
- .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
124
+ .form-control[disabled],
125
+ .form-control[readonly],
126
+ fieldset[disabled] .form-control {
118
127
  background: $light-gray;
119
- border-color: rgba($black-states,0.3);
128
+ border-color: rgba($black-states, 0.3);
120
129
  }
121
130
 
122
- .input-group-focus{
123
- .input-group-prepend .input-group-text,
124
- .input-group-append .input-group-text,
125
- .form-control{
126
- border-color: $primary;
127
- }
128
-
129
- &.no-border{
130
- .input-group-prepend .input-group-text,
131
- .input-group-append .input-group-text{
131
+ .input-group-focus {
132
+ .input-group-prepend .input-group-text,
133
+ .input-group-append .input-group-text,
134
+ .form-control {
135
+ border-color: $primary;
136
+ }
132
137
 
133
- background-color: $opacity-gray-5;
134
- }
138
+ &.no-border {
139
+ .input-group-prepend .input-group-text,
140
+ .input-group-append .input-group-text {
141
+ background-color: $opacity-gray-5;
135
142
  }
143
+ }
136
144
  }
137
145
  .input-group-prepend .input-group-text {
138
- border-right: none;
146
+ border-right: none;
139
147
  }
140
148
 
141
149
  .input-group-append .input-group-text {
142
- border-left: none;
150
+ border-left: none;
143
151
  }
144
152
 
145
- .has-danger .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
153
+ .has-danger .form-control:focus,
154
+ .has-success.input-group-focus .input-group-append .input-group-text,
155
+ .has-success.input-group-focus .input-group-prepend .input-group-text {
146
156
  border-color: $danger-states;
147
157
  }
148
158
 
149
- .has-success .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
159
+ .has-success .form-control:focus,
160
+ .has-success.input-group-focus .input-group-append .input-group-text,
161
+ .has-success.input-group-focus .input-group-prepend .input-group-text {
150
162
  border-color: darken($success, 10%);
151
163
  }
152
164
 
153
- .btn.btn-link{
154
- &:hover,&:active, &:focus{
165
+ .btn.btn-link {
166
+ &:hover,
167
+ &:active,
168
+ &:focus {
155
169
  color: $dark-gray !important;
156
170
  }
157
171
  }
158
172
 
159
- .btn-group .btn.active{
160
- box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
173
+ .btn-group .btn.active {
174
+ box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
161
175
  }
162
176
 
163
- .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{
164
- background: darken($light-bg,10%);
177
+ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
178
+ background: darken($light-bg, 10%);
165
179
  }
166
180
 
167
- .bootstrap-switch-off:before{
168
- background: rgba(darken($light-bg,10%),0.5);
169
-
181
+ .bootstrap-switch-off:before {
182
+ background: rgba(darken($light-bg, 10%), 0.5);
170
183
  }
171
184
 
172
- .card:not(.card-white){
173
- &.card-pricing, &.card-login, &.card-register{
185
+ .card:not(.card-white) {
186
+ &.card-pricing,
187
+ &.card-login,
188
+ &.card-register {
174
189
  background: $card-black-background;
175
190
  }
176
- &.card-login, &.card-register{
191
+ &.card-login,
192
+ &.card-register {
177
193
  @include form-control-placeholder(#6c757c, 1);
178
194
 
179
- .form-control{
180
- border-color: lighten($black,5%);
195
+ .form-control {
196
+ border-color: lighten($black, 5%);
181
197
  }
182
198
 
183
199
  .form-group.no-border,
184
- .input-group.no-border{
185
- .form-control,
186
- .form-control + .input-group-prepend .input-group-text,
187
- .form-control + .input-group-append .input-group-text{
188
-
189
- background-color: lighten($black,1%);
190
- &:focus,
191
- &:active,
192
- &:active{
193
- background-color: lighten($black,2%);
194
- }
200
+ .input-group.no-border {
201
+ .form-control,
202
+ .form-control + .input-group-prepend .input-group-text,
203
+ .form-control + .input-group-append .input-group-text {
204
+ background-color: lighten($black, 1%);
205
+ &:focus,
206
+ &:active,
207
+ &:active {
208
+ background-color: lighten($black, 2%);
195
209
  }
210
+ }
196
211
 
197
- .form-control{
198
- &:focus{
199
- & + .input-group-prepend .input-group-text,
200
- & + .input-group-append .input-group-text{
201
- background-color: lighten($black,2%);
202
- }
203
- }
212
+ .form-control {
213
+ &:focus {
214
+ & + .input-group-prepend .input-group-text,
215
+ & + .input-group-append .input-group-text {
216
+ background-color: lighten($black, 2%);
217
+ }
204
218
  }
219
+ }
205
220
 
206
- .input-group-prepend .input-group-text,
207
- .input-group-append .input-group-text{
208
- background-color: lighten($black,1%);;
209
-
210
- }
221
+ .input-group-prepend .input-group-text,
222
+ .input-group-append .input-group-text {
223
+ background-color: lighten($black, 1%);
224
+ }
211
225
  }
212
226
 
213
227
  .input-group-append .input-group-text,
214
228
  .input-group-prepend .input-group-text {
215
- border: 1px solid lighten($black,5%);
216
- border-right: none;
217
- color: $white;
218
- }
229
+ border: 1px solid lighten($black, 5%);
230
+ border-right: none;
231
+ color: $white;
232
+ }
219
233
 
220
- .input-group-focus{
221
- .input-group-prepend .input-group-text,
222
- .input-group-append .input-group-text,
223
- .form-control{
224
- border-color: $primary;
234
+ .input-group-focus {
235
+ .input-group-prepend .input-group-text,
236
+ .input-group-append .input-group-text,
237
+ .form-control {
238
+ border-color: $primary;
239
+ }
225
240
  }
226
- }
227
241
 
228
- .form-control{
229
- color: $white;
230
- }
242
+ .form-control {
243
+ color: $white;
244
+ }
231
245
 
232
- label{
233
- color: $opacity-6;
246
+ label {
247
+ color: $opacity-6;
248
+ }
234
249
  }
235
250
  }
236
- }
237
251
 
238
-
239
- .card:not(.card-white){
252
+ .card:not(.card-white) {
240
253
  background: $white;
241
254
  box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05);
242
- .card-header{
255
+ .card-header {
243
256
  color: $black;
244
- a[data-toggle="collapse"]{
257
+ a[data-toggle='collapse'] {
245
258
  color: $black;
246
259
  }
247
260
  }
248
- .card-header .card-title, .card-body .card-title{
261
+ .card-header .card-title,
262
+ .card-body .card-title {
249
263
  color: $black-states;
250
264
  }
251
265
 
252
- .card-body{
253
- .card-category, .card-description{
266
+ .card-body {
267
+ .card-category,
268
+ .card-description {
254
269
  color: $black-states;
255
270
  }
256
271
  }
257
272
 
258
-
259
- label:not(.btn){
273
+ label:not(.btn) {
260
274
  color: $default;
261
275
  }
262
276
 
263
- .pagination .page-item:not(.active) .page-link{
264
- color: $black-states;
265
- &:hover{
266
- background: rgba($dark-gray,0.1);
267
- }
268
- }
269
-
270
- &:not(.card-wizard).nav-pills .nav-item .nav-link {
271
- color: $nav-gray;
272
- background-color: hsla(0,0%,87%,.3);
273
- &:not(.active):hover{
274
- background: hsla(0,0%,87%,.5);
275
- }
276
- &.active{
277
- color: $white;
277
+ .pagination .page-item:not(.active) .page-link {
278
+ color: $black-states;
279
+ &:hover {
280
+ background: rgba($dark-gray, 0.1);
281
+ }
282
+ }
278
283
 
279
- }
284
+ &:not(.card-wizard).nav-pills .nav-item .nav-link {
285
+ color: $nav-gray;
286
+ background-color: hsla(0, 0%, 87%, 0.3);
287
+ &:not(.active):hover {
288
+ background: hsla(0, 0%, 87%, 0.5);
289
+ }
290
+ &.active {
291
+ color: $white;
292
+ }
280
293
  }
281
294
 
282
295
  .tab-content .tab-pane {
283
- color: $nav-gray;
296
+ color: $nav-gray;
284
297
  }
285
298
 
286
-
287
- .card{
299
+ .card {
288
300
  box-shadow: none;
289
301
  }
290
302
 
291
- .card-collapse{
292
- .card{
293
- .card-body{
303
+ .card-collapse {
304
+ .card {
305
+ .card-body {
294
306
  color: $dark-gray;
295
307
  }
296
308
  }
297
309
  }
298
310
 
299
- &.card-contributions{
300
- span{
311
+ &.card-contributions {
312
+ span {
301
313
  color: $dark-gray;
302
314
  }
303
- .bootstrap-switch-container{
304
- span{
315
+ .bootstrap-switch-container {
316
+ span {
305
317
  color: $white;
306
318
  }
307
319
  }
308
320
  }
309
- &.card-plain{
321
+ &.card-plain {
310
322
  background: $transparent-bg;
311
323
  box-shadow: none;
312
324
  }
313
325
 
314
- &.card-tasks{
315
- .card-body{
316
- i{
317
- color: rgba(34,42,66,0.7);
318
- &:hover{
326
+ &.card-tasks {
327
+ .card-body {
328
+ i {
329
+ color: rgba(34, 42, 66, 0.7);
330
+ &:hover {
319
331
  color: $black;
320
332
  }
321
333
  }
@@ -323,11 +335,9 @@
323
335
  }
324
336
  }
325
337
 
326
- .table{
327
-
328
- > tbody > tr > td {
329
- color: rgba($black, 0.7) !important;
330
-
338
+ .table {
339
+ > tbody > tr > td {
340
+ color: rgba($black, 0.7) !important;
331
341
  }
332
342
 
333
343
  > thead > tr > th,
@@ -335,157 +345,175 @@
335
345
  > tfoot > tr > th,
336
346
  > thead > tr > td,
337
347
  > tbody > tr > td,
338
- > tfoot > tr > td{
339
- border-color: rgba($black, 0.2);
340
- padding: 12px 7px;
341
- vertical-align: middle;
348
+ > tfoot > tr > td {
349
+ border-color: rgba($black, 0.2);
350
+ padding: 12px 7px;
351
+ vertical-align: middle;
342
352
  }
343
353
 
344
- > thead > tr > th, button.btn-neutral.btn-link{
354
+ > thead > tr > th,
355
+ button.btn-neutral.btn-link {
345
356
  color: rgba($black, 0.7);
346
357
  }
347
358
  }
348
359
 
349
- .footer ul li a{
360
+ .footer ul li a {
350
361
  color: $black-states;
351
362
  }
352
363
 
353
- .footer .copyright{
364
+ .footer .copyright {
354
365
  color: $black-states;
355
366
  }
356
367
 
357
- .progress-container, .progress-container.progress.sm{
358
- .progress{
359
- background: rgba($black,0.1);
360
- box-shadow: 0 0 0 3px rgba($black,0.1);
361
- .progress-value{
362
- color: $default;
363
- }
368
+ .progress-container,
369
+ .progress-container.progress.sm {
370
+ .progress {
371
+ background: rgba($black, 0.1);
372
+ box-shadow: 0 0 0 3px rgba($black, 0.1);
373
+ .progress-value {
374
+ color: $default;
364
375
  }
376
+ }
365
377
 
366
- .progress-badge{
367
- color: $black-states;
368
- }
378
+ .progress-badge {
379
+ color: $black-states;
380
+ }
369
381
  }
370
382
 
371
- .bootstrap-select button.dropdown-toggle{
372
- border-color: rgba($black-states,0.5);
373
- .filter-option{
383
+ .bootstrap-select button.dropdown-toggle {
384
+ border-color: rgba($black-states, 0.5);
385
+ .filter-option {
374
386
  color: $black-states;
375
387
  }
376
388
 
377
- &:after{
389
+ &:after {
378
390
  color: $black-states;
379
391
  }
380
-
381
392
  }
382
393
 
383
394
  //style for calendar
384
395
 
385
- .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
386
- padding: 2px;
387
- color: $default;
396
+ .fc-basic-view .fc-day-number,
397
+ .fc-basic-view .fc-week-number {
398
+ padding: 2px;
399
+ color: $default;
400
+ }
401
+
402
+ .fc-unthemed .fc-today {
403
+ background: darken($light-bg, 10%);
388
404
  }
389
405
 
390
- .fc-unthemed .fc-today{
391
- background: darken($light-bg,10%);
406
+ .fc-unthemed .fc-content,
407
+ .fc-unthemed .fc-divider,
408
+ .fc-unthemed .fc-list-heading td,
409
+ .fc-unthemed .fc-list-view,
410
+ .fc-unthemed .fc-popover,
411
+ .fc-unthemed .fc-row,
412
+ .fc-unthemed tbody,
413
+ .fc-unthemed td,
414
+ .fc-unthemed th,
415
+ .fc-unthemed thead {
416
+ border-color: $calendar-gray;
392
417
  }
393
418
 
394
- .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
395
- border-color: $calendar-gray;
419
+ .fc-prev-button,
420
+ .fc-next-button {
421
+ color: $default;
422
+ &:hover {
423
+ color: $default;
396
424
  }
425
+ }
426
+
427
+ .fc button.btn-primary:not([data-action]):hover,
428
+ .fc button:not([data-action]):hover {
429
+ box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
430
+ }
431
+
432
+ .full-page {
433
+ background: $light-bg;
397
434
 
398
- .fc-prev-button, .fc-next-button{
399
- color: $default;
400
- &:hover{
401
- color: $default;
402
- }
403
- }
435
+ h1,
436
+ h2,
437
+ h3,
438
+ h4,
439
+ h5,
440
+ h6,
441
+ p,
442
+ ol li,
443
+ ul li,
444
+ pre {
445
+ color: $black-states;
446
+ }
404
447
 
405
- .fc button.btn-primary:not([data-action]):hover, .fc button:not([data-action]):hover {
406
- box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
407
- }
448
+ .description {
449
+ color: $dark-gray;
450
+ }
408
451
 
409
- .full-page{
410
- background: $light-bg;
452
+ .footer ul li a {
453
+ color: $black-states;
454
+ }
411
455
 
412
- h1, h2, h3, h4, h5, h6, p, ol li, ul li, pre {
413
- color: $black-states;
414
- }
456
+ .footer .copyright {
457
+ color: $black-states;
458
+ }
459
+ }
415
460
 
416
- .description{
417
- color: $dark-gray;
418
- }
461
+ .nav-pills .nav-item .nav-link:not(.active) {
462
+ background: darken($light-bg, 10%);
463
+ color: $black-states;
464
+ &:hover {
465
+ background: darken($white, 20%);
466
+ }
467
+ }
419
468
 
420
- .footer ul li a{
421
- color: $black-states;
422
- }
469
+ .card-pricing:not(.card-white) {
470
+ ul li {
471
+ color: $white;
472
+ }
473
+ }
423
474
 
424
- .footer .copyright{
425
- color: $black-states;
426
- }
427
- }
475
+ .card:not(.card-pricing) {
476
+ &.card-wizard {
477
+ .card-body {
478
+ background: $white;
479
+ }
480
+ .card-footer {
481
+ background-color: $white !important;
482
+ }
428
483
 
429
- .nav-pills .nav-item .nav-link:not(.active){
430
- background: darken($light-bg,10%);
431
- color: $black-states;
432
- &:hover{
433
- background: darken($white,20%);
484
+ .nav-pills .nav-item .nav-link p {
485
+ color: $black-states;
486
+ }
487
+ }
434
488
 
435
- }
436
- }
489
+ &.card-stats {
490
+ hr {
491
+ border-color: rgba($black-states, 0.1);
492
+ }
493
+ .card-title {
494
+ color: $black-states;
495
+ }
496
+ .card-category,
497
+ .stats {
498
+ color: $card-stats-gray;
499
+ }
500
+ }
501
+ }
437
502
 
438
- .card-pricing:not(.card-white){
439
- ul li {
440
- color: $white;
441
- }
442
- }
443
-
444
- .card:not(.card-pricing){
445
-
446
- &.card-wizard{
447
- .card-body{
448
- background: $white;
449
- }
450
- .card-footer{
451
- background-color: $white !important;
452
- }
453
-
454
- .nav-pills .nav-item .nav-link p{
455
- color: $black-states;
456
- }
457
- }
458
-
459
- &.card-stats {
460
- hr{
461
- border-color: rgba($black-states,0.1);
462
- }
463
- .card-title{
464
- color: $black-states;
465
- }
466
- .card-category, .stats{
467
- color: $card-stats-gray;
468
- }
469
-
470
- }
471
-
472
- }
473
-
474
- .card-timeline .timeline>li.timeline-inverted>.timeline-panel{
475
- background: $white;
476
- .timeline-body p{
477
- color: $black-states;
478
- }
479
-
480
- &:after, &:before{
481
- border-right-color: $white;
482
- border-left-color: $white;
483
- }
484
- }
485
-
486
- .card-timeline .timeline:before{
487
- background-color: $light-gray;
488
- }
503
+ .card-timeline .timeline > li.timeline-inverted > .timeline-panel {
504
+ background: $white;
505
+ .timeline-body p {
506
+ color: $black-states;
507
+ }
489
508
 
509
+ &:after,
510
+ &:before {
511
+ border-right-color: $white;
512
+ border-left-color: $white;
513
+ }
514
+ }
490
515
 
516
+ .card-timeline .timeline:before {
517
+ background-color: $light-gray;
518
+ }
491
519
  }