viniBaxter-desk_front 26 → 30.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
  }