viniBaxter-spa_landing 13.7 → 13.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: dbd252e85f2e91681babb55db1a8f02f190e885427ab28a3c6a221b1712552d3
4
- data.tar.gz: 46ae6b80e5000e8be061000c76af5f42e6d4035135c07ed3405ba60b8f0dc7cc
3
+ metadata.gz: d44d0d4cab504f8932db872335c900a2fd0fdff82cad7427057b805003f7a67e
4
+ data.tar.gz: ae13782c405e0e43b7e98526cd744349e41fe4bc0ce3865a43e5bee8fb9b1363
5
5
  SHA512:
6
- metadata.gz: a76fbcbf9b7c71e54538576e53822790817bbe3fae62f2bfc0304eb546de444cae50638b96d9d916e3fd4bf69ace6984d6869ff662f3e4fdf94ef4fb2e851025
7
- data.tar.gz: 1d579f428286af2d35cf8cfc03b8fda19adc31d9b236b899befadf121850e0b6fe855a1437473bb064784f5bbae24858622f669a15d10888beccb6b7991d9457
6
+ metadata.gz: 8611fb69b3d134eeee2f37d98c39be49c6f6290895d31cb9bc3d42513b36473c3c96b99a0a70b4729e64e92c7b4631a4f325ae225518e368c9cb61a5b2a8f003
7
+ data.tar.gz: a17bae19dea68fce86450e2b05627b8ac2fab1ddae31b30eb9903956d24e3f2a29884c5898f8e207012414f0d50f700759e0d037f790524333b149ef4cdd5a3d
@@ -2,7 +2,6 @@
2
2
  // Released under MIT and copyright 2014 Waybury.
3
3
  // https://useiconic.com/open
4
4
 
5
-
6
5
  // Checkboxes and radios
7
6
  //
8
7
  // Base class takes care of all the key behavioral aspects.
@@ -25,24 +24,27 @@
25
24
  left: 0;
26
25
  z-index: -1; // Put the input behind the label so it doesn't overlay text
27
26
  width: $custom-control-indicator-size;
28
- height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
27
+ height: ($font-size-base * $line-height-base + $custom-control-indicator-size) /
28
+ 2;
29
29
  opacity: 0;
30
30
 
31
31
  &:checked ~ .custom-control-label::before {
32
32
  color: $custom-control-indicator-checked-color;
33
33
  border-color: $custom-control-indicator-checked-border-color;
34
34
  @include gradient-bg($custom-control-indicator-checked-bg);
35
- @include box-shadow($custom-control-indicator-checked-box-shadow);
35
+ // TODO: ERROR ☠️
36
+ // @include box-shadow($custom-control-indicator-checked-box-shadow);
36
37
  }
37
38
 
38
- &:focus ~ .custom-control-label::before {
39
- // the mixin is not used here to make sure there is feedback
40
- @if $enable-shadows {
41
- box-shadow: $input-box-shadow, $input-focus-box-shadow;
42
- } @else {
43
- box-shadow: $custom-control-indicator-focus-box-shadow;
44
- }
45
- }
39
+ // TODO: ERROR ☠️
40
+ // &:focus ~ .custom-control-label::before {
41
+ // // the mixin is not used here to make sure there is feedback
42
+ // @if $enable-shadows {
43
+ // box-shadow: $input-box-shadow, $input-focus-box-shadow;
44
+ // } @else {
45
+ // box-shadow: $custom-control-indicator-focus-box-shadow;
46
+ // }
47
+ // }
46
48
 
47
49
  &:focus:not(:checked) ~ .custom-control-label::before {
48
50
  border-color: $custom-control-indicator-focus-border-color;
@@ -52,7 +54,8 @@
52
54
  color: $custom-control-indicator-active-color;
53
55
  background-color: $custom-control-indicator-active-bg;
54
56
  border-color: $custom-control-indicator-active-border-color;
55
- @include box-shadow($custom-control-indicator-active-box-shadow);
57
+ // TODO: ERROR ☠️
58
+ // @include box-shadow($custom-control-indicator-active-box-shadow);
56
59
  }
57
60
 
58
61
  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
@@ -67,6 +70,7 @@
67
70
  }
68
71
  }
69
72
  }
73
+ // first part end 1st 😇
70
74
 
71
75
  // Custom control indicators
72
76
  //
@@ -82,32 +86,34 @@
82
86
  // Background-color and (when enabled) gradient
83
87
  &::before {
84
88
  position: absolute;
85
- top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
89
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) /
90
+ 2;
86
91
  left: -($custom-control-gutter + $custom-control-indicator-size);
87
92
  display: block;
88
93
  width: $custom-control-indicator-size;
89
94
  height: $custom-control-indicator-size;
90
95
  pointer-events: none;
91
- content: "";
96
+ content: '';
92
97
  background-color: $custom-control-indicator-bg;
93
- border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;
94
- @include box-shadow($custom-control-indicator-box-shadow);
98
+ border: $custom-control-indicator-border-color solid
99
+ $custom-control-indicator-border-width;
100
+ // @include box-shadow($custom-control-indicator-box-shadow);
95
101
  }
96
102
 
97
103
  // Foreground (icon)
98
104
  &::after {
99
105
  position: absolute;
100
- top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
106
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) /
107
+ 2;
101
108
  left: -($custom-control-gutter + $custom-control-indicator-size);
102
109
  display: block;
103
110
  width: $custom-control-indicator-size;
104
111
  height: $custom-control-indicator-size;
105
- content: "";
112
+ content: '';
106
113
  background: no-repeat 50% / #{$custom-control-indicator-bg-size};
107
114
  }
108
115
  }
109
116
 
110
-
111
117
  // Checkboxes
112
118
  //
113
119
  // Tweak just a few things for checkboxes.
@@ -127,10 +133,12 @@
127
133
  &::before {
128
134
  border-color: $custom-checkbox-indicator-indeterminate-border-color;
129
135
  @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
130
- @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
136
+ // @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
131
137
  }
132
138
  &::after {
133
- background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);
139
+ background-image: escape-svg(
140
+ $custom-checkbox-indicator-icon-indeterminate
141
+ );
134
142
  }
135
143
  }
136
144
 
@@ -167,7 +175,6 @@
167
175
  }
168
176
  }
169
177
 
170
-
171
178
  // switches
172
179
  //
173
180
  // Tweak a few things for switches
@@ -185,21 +192,33 @@
185
192
  }
186
193
 
187
194
  &::after {
188
- top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2, $custom-control-indicator-border-width * 2);
189
- left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);
195
+ top: add(
196
+ ($font-size-base * $line-height-base - $custom-control-indicator-size) /
197
+ 2,
198
+ $custom-control-indicator-border-width * 2
199
+ );
200
+ left: add(
201
+ -($custom-switch-width + $custom-control-gutter),
202
+ $custom-control-indicator-border-width * 2
203
+ );
190
204
  width: $custom-switch-indicator-size;
191
205
  height: $custom-switch-indicator-size;
192
206
  background-color: $custom-control-indicator-border-color;
193
207
  // stylelint-disable-next-line property-blacklist
194
208
  border-radius: $custom-switch-indicator-border-radius;
195
- @include transition(transform .15s ease-in-out, $custom-forms-transition);
209
+ @include transition(
210
+ transform 0.15s ease-in-out,
211
+ $custom-forms-transition
212
+ );
196
213
  }
197
214
  }
198
215
 
199
216
  .custom-control-input:checked ~ .custom-control-label {
200
217
  &::after {
201
218
  background-color: $custom-control-indicator-bg;
202
- transform: translateX($custom-switch-width - $custom-control-indicator-size);
219
+ transform: translateX(
220
+ $custom-switch-width - $custom-control-indicator-size
221
+ );
203
222
  }
204
223
  }
205
224
 
@@ -210,7 +229,6 @@
210
229
  }
211
230
  }
212
231
 
213
-
214
232
  // Select
215
233
  //
216
234
  // Replaces the browser default select with a custom one, mostly pulled from
@@ -221,7 +239,9 @@
221
239
  display: inline-block;
222
240
  width: 100%;
223
241
  height: $custom-select-height;
224
- padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
242
+ padding: $custom-select-padding-y
243
+ ($custom-select-padding-x + $custom-select-indicator-padding)
244
+ $custom-select-padding-y $custom-select-padding-x;
225
245
  font-family: $custom-select-font-family;
226
246
  @include font-size($custom-select-font-size);
227
247
  font-weight: $custom-select-font-weight;
@@ -231,18 +251,21 @@
231
251
  background: $custom-select-bg $custom-select-background;
232
252
  border: $custom-select-border-width solid $custom-select-border-color;
233
253
  @include border-radius($custom-select-border-radius, 0);
234
- @include box-shadow($custom-select-box-shadow);
254
+ // @include box-shadow($custom-select-box-shadow);
235
255
  appearance: none;
236
256
 
237
257
  &:focus {
238
258
  border-color: $custom-select-focus-border-color;
239
259
  outline: 0;
240
- @if $enable-shadows {
241
- @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);
242
- } @else {
243
- // Avoid using mixin so we can pass custom focus shadow properly
244
- box-shadow: $custom-select-focus-box-shadow;
245
- }
260
+ // @if $enable-shadows {
261
+ // @include box-shadow(
262
+ // $custom-select-box-shadow,
263
+ // $custom-select-focus-box-shadow
264
+ // );
265
+ // } @else {
266
+ // // Avoid using mixin so we can pass custom focus shadow properly
267
+ // box-shadow: $custom-select-focus-box-shadow;
268
+ // }
246
269
 
247
270
  &::-ms-value {
248
271
  // For visual consistency with other platforms/browsers,
@@ -256,7 +279,7 @@
256
279
  }
257
280
 
258
281
  &[multiple],
259
- &[size]:not([size="1"]) {
282
+ &[size]:not([size='1']) {
260
283
  height: auto;
261
284
  padding-right: $custom-select-padding-x;
262
285
  background-image: none;
@@ -295,7 +318,6 @@
295
318
  @include font-size($custom-select-font-size-lg);
296
319
  }
297
320
 
298
-
299
321
  // File
300
322
  //
301
323
  // Custom file input.
@@ -353,7 +375,7 @@
353
375
  background-color: $custom-file-bg;
354
376
  border: $custom-file-border-width solid $custom-file-border-color;
355
377
  @include border-radius($custom-file-border-radius);
356
- @include box-shadow($custom-file-box-shadow);
378
+ // @include box-shadow($custom-file-box-shadow);
357
379
 
358
380
  &::after {
359
381
  position: absolute;
@@ -366,10 +388,12 @@
366
388
  padding: $custom-file-padding-y $custom-file-padding-x;
367
389
  line-height: $custom-file-line-height;
368
390
  color: $custom-file-button-color;
369
- content: "Browse";
391
+ content: 'Browse';
370
392
  @include gradient-bg($custom-file-button-bg);
371
393
  border-left: inherit;
372
- @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
394
+ @include border-radius(
395
+ 0 $custom-file-border-radius $custom-file-border-radius 0
396
+ );
373
397
  }
374
398
  }
375
399
 
@@ -381,7 +405,10 @@
381
405
 
382
406
  .custom-range {
383
407
  width: 100%;
384
- height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);
408
+ height: add(
409
+ $custom-range-thumb-height,
410
+ $custom-range-thumb-focus-box-shadow-width * 2
411
+ );
385
412
  padding: 0; // Need to reset padding
386
413
  background-color: transparent;
387
414
  appearance: none;
@@ -391,9 +418,15 @@
391
418
 
392
419
  // Pseudo-elements must be split across multiple rulesets to have an effect.
393
420
  // No box-shadow() mixin for focus accessibility.
394
- &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
395
- &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
396
- &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
421
+ &::-webkit-slider-thumb {
422
+ box-shadow: $custom-range-thumb-focus-box-shadow;
423
+ }
424
+ &::-moz-range-thumb {
425
+ box-shadow: $custom-range-thumb-focus-box-shadow;
426
+ }
427
+ &::-ms-thumb {
428
+ box-shadow: $custom-range-thumb-focus-box-shadow;
429
+ }
397
430
  }
398
431
 
399
432
  &::-moz-focus-outer {
@@ -407,7 +440,7 @@
407
440
  @include gradient-bg($custom-range-thumb-bg);
408
441
  border: $custom-range-thumb-border;
409
442
  @include border-radius($custom-range-thumb-border-radius);
410
- @include box-shadow($custom-range-thumb-box-shadow);
443
+ // @include box-shadow($custom-range-thumb-box-shadow);
411
444
  @include transition($custom-forms-transition);
412
445
  appearance: none;
413
446
 
@@ -424,7 +457,7 @@
424
457
  background-color: $custom-range-track-bg;
425
458
  border-color: transparent;
426
459
  @include border-radius($custom-range-track-border-radius);
427
- @include box-shadow($custom-range-track-box-shadow);
460
+ // @include box-shadow($custom-range-track-box-shadow);
428
461
  }
429
462
 
430
463
  &::-moz-range-thumb {
@@ -433,7 +466,7 @@
433
466
  @include gradient-bg($custom-range-thumb-bg);
434
467
  border: $custom-range-thumb-border;
435
468
  @include border-radius($custom-range-thumb-border-radius);
436
- @include box-shadow($custom-range-thumb-box-shadow);
469
+ // @include box-shadow($custom-range-thumb-box-shadow);
437
470
  @include transition($custom-forms-transition);
438
471
  appearance: none;
439
472
 
@@ -450,7 +483,7 @@
450
483
  background-color: $custom-range-track-bg;
451
484
  border-color: transparent; // Firefox specific?
452
485
  @include border-radius($custom-range-track-border-radius);
453
- @include box-shadow($custom-range-track-box-shadow);
486
+ // @include box-shadow($custom-range-track-box-shadow);
454
487
  }
455
488
 
456
489
  &::-ms-thumb {
@@ -458,11 +491,11 @@
458
491
  height: $custom-range-thumb-height;
459
492
  margin-top: 0; // Edge specific
460
493
  margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
461
- margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
494
+ margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
462
495
  @include gradient-bg($custom-range-thumb-bg);
463
496
  border: $custom-range-thumb-border;
464
497
  @include border-radius($custom-range-thumb-border-radius);
465
- @include box-shadow($custom-range-thumb-box-shadow);
498
+ // @include box-shadow($custom-range-thumb-box-shadow);
466
499
  @include transition($custom-forms-transition);
467
500
  appearance: none;
468
501
 
@@ -479,7 +512,7 @@
479
512
  background-color: transparent;
480
513
  border-color: transparent;
481
514
  border-width: $custom-range-thumb-height / 2;
482
- @include box-shadow($custom-range-track-box-shadow);
515
+ // @include box-shadow($custom-range-track-box-shadow);
483
516
  }
484
517
 
485
518
  &::-ms-fill-lower {
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module SpaLanding
3
- VERSION = '13.7'
3
+ VERSION = '13.8'
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-spa_landing
3
3
  version: !ruby/object:Gem::Version
4
- version: '13.7'
4
+ version: '13.8'
5
5
  platform: ruby
6
6
  authors:
7
7
  - vini baxter