@volverjs/style 0.1.13 → 0.1.14

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.
@@ -18,7 +18,7 @@ $input: (
18
18
  text-overflow: ellipsis,
19
19
  label: (
20
20
  color: var(--color-word-2),
21
- display: inline,
21
+ display: block,
22
22
  font-size: var(--text-14),
23
23
  font-weight: var(--font-normal),
24
24
  gap: var(--spacing-xs),
@@ -1006,7 +1006,7 @@
1006
1006
  }
1007
1007
 
1008
1008
  @if $enabled {
1009
- $selector: ':where(#{unquote($selector)})';
1009
+ $selector: ':where(#{string.unquote($selector)})';
1010
1010
  }
1011
1011
 
1012
1012
  #{$selector} {
@@ -1,4 +1,4 @@
1
- @import '../context';
1
+ @use '../context' as *;
2
2
 
3
3
  // border-collapse
4
4
  @include spread-map-into-utilities(
@@ -1,10 +1,11 @@
1
- @import '../context';
1
+ @use '../context' as *;
2
2
 
3
3
  // scale
4
4
  @each $size, $value in $scale {
5
5
  %scale-#{$size} {
6
6
  scale: #{$value};
7
7
  }
8
+
8
9
  @include wrap-with-where(
9
10
  $selector: '.scale-#{$size}',
10
11
  $enabled: $zero-specificity-for-utilities
@@ -15,6 +16,7 @@
15
16
  %scale-x-#{$size} {
16
17
  scale: #{$value} 1;
17
18
  }
19
+
18
20
  @include wrap-with-where(
19
21
  $selector: '.scale-x-#{$size}',
20
22
  $enabled: $zero-specificity-for-utilities
@@ -25,6 +27,7 @@
25
27
  %scale-y-#{$size} {
26
28
  scale: 1 #{$value};
27
29
  }
30
+
28
31
  @include wrap-with-where(
29
32
  $selector: '.scale-y-#{$size}',
30
33
  $enabled: $zero-specificity-for-utilities
@@ -54,6 +57,7 @@
54
57
  %translate-#{$size} {
55
58
  translate: #{$value} #{$value};
56
59
  }
60
+
57
61
  @include wrap-with-where(
58
62
  $selector: '.translate-#{$size}',
59
63
  $enabled: $zero-specificity-for-utilities
@@ -64,6 +68,7 @@
64
68
  %translate-x-#{$size} {
65
69
  translate: #{$value} 0;
66
70
  }
71
+
67
72
  @include wrap-with-where(
68
73
  $selector: '.translate-x-#{$size}',
69
74
  $enabled: $zero-specificity-for-utilities
@@ -74,6 +79,7 @@
74
79
  %translate-y-#{$size} {
75
80
  translate: 0 #{$value};
76
81
  }
82
+
77
83
  @include wrap-with-where(
78
84
  $selector: '.translate-y-#{$size}',
79
85
  $enabled: $zero-specificity-for-utilities
@@ -84,6 +90,7 @@
84
90
  %-translate-#{$size} {
85
91
  translate: -#{$value} -#{$value};
86
92
  }
93
+
87
94
  @include wrap-with-where(
88
95
  $selector: '.-translate-#{$size}',
89
96
  $enabled: $zero-specificity-for-utilities
@@ -94,6 +101,7 @@
94
101
  %-translate-x-#{$size} {
95
102
  translate: -#{$value} 0;
96
103
  }
104
+
97
105
  @include wrap-with-where(
98
106
  $selector: '.-translate-x-#{$size}',
99
107
  $enabled: $zero-specificity-for-utilities
@@ -104,6 +112,7 @@
104
112
  %-translate-y-#{$size} {
105
113
  translate: 0 -#{$value};
106
114
  }
115
+
107
116
  @include wrap-with-where(
108
117
  $selector: '.-translate-y-#{$size}',
109
118
  $enabled: $zero-specificity-for-utilities
package/src/volver.scss CHANGED
@@ -1,11 +1,7 @@
1
+ @use 'sass:meta';
2
+
1
3
  // base
2
4
  @use 'base';
3
5
 
4
- // components
5
- @use 'components';
6
-
7
- // utilities
8
- @use 'utilities';
9
-
10
- // preflight
11
- @import 'preflight';
6
+ // preflight (components and utilities are included here)
7
+ @use 'preflight';