@total_onion/onion-library 3.0.41 → 3.0.43

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 (14) hide show
  1. package/components/block-betterreviews-display-v3/betterreviews-display-v3.scss +88 -81
  2. package/components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss +264 -260
  3. package/components/block-cover-link-v3/cover-link-v3.scss +8 -6
  4. package/components/block-divider-v3/divider-v3.scss +74 -66
  5. package/components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss +81 -80
  6. package/components/block-form-selection-v3/form-selection-v3.scss +28 -27
  7. package/components/block-gradient-layer-v3/gradient-layer-v3.scss +6 -4
  8. package/components/block-group-container-v3/group-container-v3.scss +34 -31
  9. package/components/block-product-info-v3/product-info-v3.scss +149 -148
  10. package/components/block-responsive-table-v3/responsive-table-v3.scss +40 -39
  11. package/components/block-section-separator-v3/section-separator-v3.scss +28 -26
  12. package/components/block-single-column-container-v3/single-column-container-v3.scss +11 -9
  13. package/components/component-content-box-settings-v3/content-box-settings-v3.scss +0 -7
  14. package/package.json +1 -1
package/components/block-betterreviews-display-v3/betterreviews-display-v3.scss CHANGED
@@ -1,97 +1,104 @@
1
1
  @use '../fields-core-mixins-v3/core-mixins-v3';
2
2
  @use '../fields-core-functions-v3/core-functions-v3';
3
3
  @use '../../breakpoints';
4
-
5
- .betterreviews-display-v3 {
6
- &.loaded {
7
- .better-reviews__criteria-stars {
8
- animation: slide-reveal-right 1s 2s ease-out forwards;
4
+ @layer base-styles {
5
+ .betterreviews-display-v3 {
6
+ &.loaded {
7
+ .better-reviews__criteria-stars {
8
+ animation: slide-reveal-right 1s 2s ease-out forwards;
9
+ }
9
10
  }
10
- }
11
- .better-reviews__average {
12
- .better-reviews__criteria-stars {
13
- --star-count: 5;
14
- --star-size: 16px;
15
- --better-reviews-star-width: calc(
16
- var(--star-count) * var(--star-size) + (var(--star-count) - 1) *
17
- 0px
18
- );
19
- opacity: 0;
20
- position: relative;
21
- width: var(--better-reviews-star-width);
22
- height: var(--star-size);
23
- mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
24
- mask-repeat: repeat-x;
25
- mask-size: var(--star-size) auto;
26
- mask-position: left 33%;
27
- background: transparent;
28
-
29
- &::before {
30
- content: '';
31
- position: absolute;
32
- inset: 0;
33
- background: linear-gradient(
34
- 90deg,
35
- #44271c 0%,
36
- #dabb9c 32%,
37
- #e5c29d 38%,
38
- #ebc79f 45%,
39
- #7a4a36 74%,
40
- #89563e 81%,
41
- #9d6749 92%,
42
- #a56d4e 100%
11
+ .better-reviews__average {
12
+ .better-reviews__criteria-stars {
13
+ --star-count: 5;
14
+ --star-size: 16px;
15
+ --better-reviews-star-width: calc(
16
+ var(--star-count) * var(--star-size) +
17
+ (var(--star-count) - 1) * 0px
43
18
  );
44
- background-clip: content-box;
19
+ opacity: 0;
20
+ position: relative;
21
+ width: var(--better-reviews-star-width);
22
+ height: var(--star-size);
45
23
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
46
24
  mask-repeat: repeat-x;
47
25
  mask-size: var(--star-size) auto;
48
26
  mask-position: left 33%;
49
- }
27
+ background: transparent;
50
28
 
51
- &.better-reviews__star_05::before {
52
- padding-right: calc(var(--better-reviews-star-width) * 0.911);
53
- }
54
- &.better-reviews__star_10::before {
55
- padding-right: calc(var(--better-reviews-star-width) * 0.8);
56
- }
57
- &.better-reviews__star_15::before {
58
- padding-right: calc(var(--better-reviews-star-width) * 0.702);
59
- }
60
- &.better-reviews__star_20::before {
61
- padding-right: calc(var(--better-reviews-star-width) * 0.6);
62
- }
63
- &.better-reviews__star_25::before {
64
- padding-right: calc(var(--better-reviews-star-width) * 0.5);
65
- }
66
- &.better-reviews__star_30::before {
67
- padding-right: calc(var(--better-reviews-star-width) * 0.4);
68
- }
69
- &.better-reviews__star_35::before {
70
- padding-right: calc(var(--better-reviews-star-width) * 0.298);
71
- }
72
- &.better-reviews__star_40::before {
73
- padding-right: calc(var(--better-reviews-star-width) * 0.2);
74
- }
75
- &.better-reviews__star_45::before {
76
- padding-right: calc(var(--better-reviews-star-width) * 0.1);
77
- }
78
- &.better-reviews__star_50::before {
79
- padding-right: 0;
29
+ &::before {
30
+ content: '';
31
+ position: absolute;
32
+ inset: 0;
33
+ background: linear-gradient(
34
+ 90deg,
35
+ #44271c 0%,
36
+ #dabb9c 32%,
37
+ #e5c29d 38%,
38
+ #ebc79f 45%,
39
+ #7a4a36 74%,
40
+ #89563e 81%,
41
+ #9d6749 92%,
42
+ #a56d4e 100%
43
+ );
44
+ background-clip: content-box;
45
+ mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
46
+ mask-repeat: repeat-x;
47
+ mask-size: var(--star-size) auto;
48
+ mask-position: left 33%;
49
+ }
50
+
51
+ &.better-reviews__star_05::before {
52
+ padding-right: calc(
53
+ var(--better-reviews-star-width) * 0.911
54
+ );
55
+ }
56
+ &.better-reviews__star_10::before {
57
+ padding-right: calc(var(--better-reviews-star-width) * 0.8);
58
+ }
59
+ &.better-reviews__star_15::before {
60
+ padding-right: calc(
61
+ var(--better-reviews-star-width) * 0.702
62
+ );
63
+ }
64
+ &.better-reviews__star_20::before {
65
+ padding-right: calc(var(--better-reviews-star-width) * 0.6);
66
+ }
67
+ &.better-reviews__star_25::before {
68
+ padding-right: calc(var(--better-reviews-star-width) * 0.5);
69
+ }
70
+ &.better-reviews__star_30::before {
71
+ padding-right: calc(var(--better-reviews-star-width) * 0.4);
72
+ }
73
+ &.better-reviews__star_35::before {
74
+ padding-right: calc(
75
+ var(--better-reviews-star-width) * 0.298
76
+ );
77
+ }
78
+ &.better-reviews__star_40::before {
79
+ padding-right: calc(var(--better-reviews-star-width) * 0.2);
80
+ }
81
+ &.better-reviews__star_45::before {
82
+ padding-right: calc(var(--better-reviews-star-width) * 0.1);
83
+ }
84
+ &.better-reviews__star_50::before {
85
+ padding-right: 0;
86
+ }
80
87
  }
81
88
  }
82
89
  }
83
- }
84
90
 
85
- @keyframes slide-reveal-right {
86
- from {
87
- clip-path: inset(0 100% 0 0);
88
- opacity: 0;
89
- }
90
- 25% {
91
- opacity: 1;
92
- }
93
- 100% {
94
- clip-path: inset(0 0 0 0);
95
- opacity: 1;
91
+ @keyframes slide-reveal-right {
92
+ from {
93
+ clip-path: inset(0 100% 0 0);
94
+ opacity: 0;
95
+ }
96
+ 25% {
97
+ opacity: 1;
98
+ }
99
+ 100% {
100
+ clip-path: inset(0 0 0 0);
101
+ opacity: 1;
102
+ }
96
103
  }
97
104
  }