@graupl/core 1.0.0-beta.52 → 1.0.0-beta.54

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 (17) hide show
  1. package/dist/css/graupl.css +1 -1
  2. package/dist/css/graupl.css.map +1 -1
  3. package/dist/css/layout/columns.css.map +1 -1
  4. package/dist/css/layout.css +1 -1
  5. package/dist/css/layout.css.map +1 -1
  6. package/dist/css/utilities/block-size.css +1 -1
  7. package/dist/css/utilities/block-size.css.map +1 -1
  8. package/dist/css/utilities/inline-size.css +1 -1
  9. package/dist/css/utilities/inline-size.css.map +1 -1
  10. package/dist/css/utilities.css +1 -1
  11. package/dist/css/utilities.css.map +1 -1
  12. package/package.json +1 -1
  13. package/src/scss/layout/columns/_index.scss +1 -1
  14. package/src/scss/utilities/block-size/_defaults.scss +3 -3
  15. package/src/scss/utilities/block-size/_index.scss +84 -84
  16. package/src/scss/utilities/inline-size/_defaults.scss +3 -3
  17. package/src/scss/utilities/inline-size/_index.scss +84 -84
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graupl/core",
3
- "version": "1.0.0-beta.52",
3
+ "version": "1.0.0-beta.54",
4
4
  "license": "GPL-3.0-or-later",
5
5
  "description": "The core module of Graupl, providing essential styles and utilities.",
6
6
  "main": "dist/js/graupl.cjs.js",
package/src/scss/layout/columns/_index.scss CHANGED
@@ -296,7 +296,7 @@ $columns-span-map: ();
296
296
  @include utility.generate(
297
297
  $map: (
298
298
  "#{defaults.$columns-fixed-selector}": (
299
- --graupl-columns-max-width: #{$columns-min-width},
299
+ --#{root-defaults.$prefix}columns-max-width: #{$columns-min-width},
300
300
  ),
301
301
  ),
302
302
  $selector-base: "&#{defaults.$columns-fixed-selector-base}",
package/src/scss/utilities/block-size/_defaults.scss CHANGED
@@ -41,9 +41,9 @@ $container-aware-selector-suffix: root-defaults.$utility-container-aware-selecto
41
41
 
42
42
  // Properties.
43
43
  $-utility-properties: (
44
- "block": block-size,
45
- "max-block": max-block-size,
46
- "min-block": min-block-size,
44
+ "bs": block-size,
45
+ "max-bs": max-block-size,
46
+ "min-bs": min-block-size,
47
47
  );
48
48
  $utility-properties: () !default;
49
49
 
package/src/scss/utilities/block-size/_index.scss CHANGED
@@ -3,90 +3,90 @@
3
3
  // This file generates the block-size utility classes provided by Graupl.
4
4
  //
5
5
  // The following classes are generated by default:
6
- // - `.block-auto`: Sets the `block-size` property to `auto`.
7
- // - `.block-fit-content`: Sets the `block-size` property to `fit-content`.
8
- // - `.block-max-content`: Sets the `block-size` property to `max-content`.
9
- // - `.block-min-content`: Sets the `block-size` property to `min-content`.
10
- // - `.block-stretch`: Sets the `block-size` property to `stretch`.
11
- // - `.block-full`: Sets the `block-size` property to `100%`.
12
- // - `.block-quarter`: Sets the `block-size` property to `25%`.
13
- // - `.block-half`: Sets the `block-size` property to `50%`.
14
- // - `.block-three-quarters`: Sets the `block-size` property to `75%`.
15
- // - `.block-third`: Sets the `block-size` property to `calc(100% / 3)`.
16
- // - `.block-two-thirds`: Sets the `block-size` property to `calc(100% / 1.5)`.
17
- // - `.block-half-screen`: Sets the `block-size` property to `50vh`.
18
- // - `.block-third-screen`: Sets the `block-size` property to `calc(100vh / 3)`.
19
- // - `.block-two-thirds-screen`: Sets the `block-size` property to `calc(100vh / 1.5)`.
20
- // - `.block-quarter-screen`: Sets the `block-size` property to `25vh`.
21
- // - `.block-three-quarters-screen`: Sets the `block-size` property to `75vh`.
22
- // - `.block-full-screen`: Sets the `block-size` property to `100vh`.
23
- // - `.block-0`: Sets the `block-size` property to `var(--graupl-spacer-0)`.
24
- // - `.block-1`: Sets the `block-size` property to `var(--graupl-spacer-1)`.
25
- // - `.block-2`: Sets the `block-size` property to `var(--graupl-spacer-2)`.
26
- // - `.block-3`: Sets the `block-size` property to `var(--graupl-spacer-3)`.
27
- // - `.block-4`: Sets the `block-size` property to `var(--graupl-spacer-4)`.
28
- // - `.block-5`: Sets the `block-size` property to `var(--graupl-spacer-5)`.
29
- // - `.block-6`: Sets the `block-size` property to `var(--graupl-spacer-6)`.
30
- // - `.block-7`: Sets the `block-size` property to `var(--graupl-spacer-7)`.
31
- // - `.block-8`: Sets the `block-size` property to `var(--graupl-spacer-8)`.
32
- // - `.block-9`: Sets the `block-size` property to `var(--graupl-spacer-9)`.
33
- // - `.block-10`: Sets the `block-size` property to `var(--graupl-spacer-10)`.
34
- // - `.max-block-auto`: Sets the `max-block-size` property to `auto`.
35
- // - `.max-block-fit-content`: Sets the `max-block-size` property to `fit-content`.
36
- // - `.max-block-max-content`: Sets the `max-block-size` property to `max-content`.
37
- // - `.max-block-min-content`: Sets the `max-block-size` property to `min-content`.
38
- // - `.max-block-stretch`: Sets the `max-block-size` property to `stretch`.
39
- // - `.max-block-full`: Sets the `max-block-size` property to `100%`.
40
- // - `.max-block-quarter`: Sets the `max-block-size` property to `25%`.
41
- // - `.max-block-half`: Sets the `max-block-size` property to `50%`.
42
- // - `.max-block-three-quarters`: Sets the `max-block-size` property to `75%`.
43
- // - `.max-block-third`: Sets the `max-block-size` property to `calc(100% / 3)`.
44
- // - `.max-block-two-thirds`: Sets the `max-block-size` property to `calc(100% / 1.5)`.
45
- // - `.max-block-half-screen`: Sets the `max-block-size` property to `50vh`.
46
- // - `.max-block-third-screen`: Sets the `max-block-size` property to `calc(100vh / 3)`.
47
- // - `.max-block-two-thirds-screen`: Sets the `max-block-size` property to `calc(100vh / 1.5)`.
48
- // - `.max-block-quarter-screen`: Sets the `max-block-size` property to `25vh`.
49
- // - `.max-block-three-quarters-screen`: Sets the `max-block-size` property to `75vh`.
50
- // - `.max-block-full-screen`: Sets the `max-block-size` property to `100vh`.
51
- // - `.max-block-0`: Sets the `max-block-size` property to `var(--graupl-spacer-0)`.
52
- // - `.max-block-1`: Sets the `max-block-size` property to `var(--graupl-spacer-1)`.
53
- // - `.max-block-2`: Sets the `max-block-size` property to `var(--graupl-spacer-2)`.
54
- // - `.max-block-3`: Sets the `max-block-size` property to `var(--graupl-spacer-3)`.
55
- // - `.max-block-4`: Sets the `max-block-size` property to `var(--graupl-spacer-4)`.
56
- // - `.max-block-5`: Sets the `max-block-size` property to `var(--graupl-spacer-5)`.
57
- // - `.max-block-6`: Sets the `max-block-size` property to `var(--graupl-spacer-6)`.
58
- // - `.max-block-7`: Sets the `max-block-size` property to `var(--graupl-spacer-7)`.
59
- // - `.max-block-8`: Sets the `max-block-size` property to `var(--graupl-spacer-8)`.
60
- // - `.max-block-9`: Sets the `max-block-size` property to `var(--graupl-spacer-9)`.
61
- // - `.max-block-10`: Sets the `max-block-size` property to `var(--graupl-spacer-10)`.
62
- // - `.min-block-auto`: Sets the `min-block-size` property to `auto`.
63
- // - `.min-block-fit-content`: Sets the `min-block-size` property to `fit-content`.
64
- // - `.min-block-max-content`: Sets the `min-block-size` property to `max-content`.
65
- // - `.min-block-min-content`: Sets the `min-block-size` property to `min-content`.
66
- // - `.min-block-stretch`: Sets the `min-block-size` property to `stretch`.
67
- // - `.min-block-full`: Sets the `min-block-size` property to `100%`.
68
- // - `.min-block-quarter`: Sets the `min-block-size` property to `25%`.
69
- // - `.min-block-half`: Sets the `min-block-size` property to `50%`.
70
- // - `.min-block-three-quarters`: Sets the `min-block-size` property to `75%`.
71
- // - `.min-block-third`: Sets the `min-block-size` property to `calc(100% / 3)`.
72
- // - `.min-block-two-thirds`: Sets the `min-block-size` property to `calc(100% / 1.5)`.
73
- // - `.min-block-half-screen`: Sets the `min-block-size` property to `50vh`.
74
- // - `.min-block-third-screen`: Sets the `min-block-size` property to `calc(100vh / 3)`.
75
- // - `.min-block-two-thirds-screen`: Sets the `min-block-size` property to `calc(100vh / 1.5)`.
76
- // - `.min-block-quarter-screen`: Sets the `min-block-size` property to `25vh`.
77
- // - `.min-block-three-quarters-screen`: Sets the `min-block-size` property to `75vh`.
78
- // - `.min-block-full-screen`: Sets the `min-block-size` property to `100vh`.
79
- // - `.min-block-0`: Sets the `min-block-size` property to `var(--graupl-spacer-0)`.
80
- // - `.min-block-1`: Sets the `min-block-size` property to `var(--graupl-spacer-1)`.
81
- // - `.min-block-2`: Sets the `min-block-size` property to `var(--graupl-spacer-2)`.
82
- // - `.min-block-3`: Sets the `min-block-size` property to `var(--graupl-spacer-3)`.
83
- // - `.min-block-4`: Sets the `min-block-size` property to `var(--graupl-spacer-4)`.
84
- // - `.min-block-5`: Sets the `min-block-size` property to `var(--graupl-spacer-5)`.
85
- // - `.min-block-6`: Sets the `min-block-size` property to `var(--graupl-spacer-6)`.
86
- // - `.min-block-7`: Sets the `min-block-size` property to `var(--graupl-spacer-7)`.
87
- // - `.min-block-8`: Sets the `min-block-size` property to `var(--graupl-spacer-8)`.
88
- // - `.min-block-9`: Sets the `min-block-size` property to `var(--graupl-spacer-9)`.
89
- // - `.min-block-10`: Sets the `min-block-size` property to `var(--graupl-spacer-10)`.
6
+ // - `.bs-auto`: Sets the `block-size` property to `auto`.
7
+ // - `.bs-fit-content`: Sets the `block-size` property to `fit-content`.
8
+ // - `.bs-max-content`: Sets the `block-size` property to `max-content`.
9
+ // - `.bs-min-content`: Sets the `block-size` property to `min-content`.
10
+ // - `.bs-stretch`: Sets the `block-size` property to `stretch`.
11
+ // - `.bs-full`: Sets the `block-size` property to `100%`.
12
+ // - `.bs-quarter`: Sets the `block-size` property to `25%`.
13
+ // - `.bs-half`: Sets the `block-size` property to `50%`.
14
+ // - `.bs-three-quarters`: Sets the `block-size` property to `75%`.
15
+ // - `.bs-third`: Sets the `block-size` property to `calc(100% / 3)`.
16
+ // - `.bs-two-thirds`: Sets the `block-size` property to `calc(100% / 1.5)`.
17
+ // - `.bs-half-screen`: Sets the `block-size` property to `50vh`.
18
+ // - `.bs-third-screen`: Sets the `block-size` property to `calc(100vh / 3)`.
19
+ // - `.bs-two-thirds-screen`: Sets the `block-size` property to `calc(100vh / 1.5)`.
20
+ // - `.bs-quarter-screen`: Sets the `block-size` property to `25vh`.
21
+ // - `.bs-three-quarters-screen`: Sets the `block-size` property to `75vh`.
22
+ // - `.bs-full-screen`: Sets the `block-size` property to `100vh`.
23
+ // - `.bs-0`: Sets the `block-size` property to `var(--graupl-spacer-0)`.
24
+ // - `.bs-1`: Sets the `block-size` property to `var(--graupl-spacer-1)`.
25
+ // - `.bs-2`: Sets the `block-size` property to `var(--graupl-spacer-2)`.
26
+ // - `.bs-3`: Sets the `block-size` property to `var(--graupl-spacer-3)`.
27
+ // - `.bs-4`: Sets the `block-size` property to `var(--graupl-spacer-4)`.
28
+ // - `.bs-5`: Sets the `block-size` property to `var(--graupl-spacer-5)`.
29
+ // - `.bs-6`: Sets the `block-size` property to `var(--graupl-spacer-6)`.
30
+ // - `.bs-7`: Sets the `block-size` property to `var(--graupl-spacer-7)`.
31
+ // - `.bs-8`: Sets the `block-size` property to `var(--graupl-spacer-8)`.
32
+ // - `.bs-9`: Sets the `block-size` property to `var(--graupl-spacer-9)`.
33
+ // - `.bs-10`: Sets the `block-size` property to `var(--graupl-spacer-10)`.
34
+ // - `.max-bs-auto`: Sets the `max-block-size` property to `auto`.
35
+ // - `.max-bs-fit-content`: Sets the `max-block-size` property to `fit-content`.
36
+ // - `.max-bs-max-content`: Sets the `max-block-size` property to `max-content`.
37
+ // - `.max-bs-min-content`: Sets the `max-block-size` property to `min-content`.
38
+ // - `.max-bs-stretch`: Sets the `max-block-size` property to `stretch`.
39
+ // - `.max-bs-full`: Sets the `max-block-size` property to `100%`.
40
+ // - `.max-bs-quarter`: Sets the `max-block-size` property to `25%`.
41
+ // - `.max-bs-half`: Sets the `max-block-size` property to `50%`.
42
+ // - `.max-bs-three-quarters`: Sets the `max-block-size` property to `75%`.
43
+ // - `.max-bs-third`: Sets the `max-block-size` property to `calc(100% / 3)`.
44
+ // - `.max-bs-two-thirds`: Sets the `max-block-size` property to `calc(100% / 1.5)`.
45
+ // - `.max-bs-half-screen`: Sets the `max-block-size` property to `50vh`.
46
+ // - `.max-bs-third-screen`: Sets the `max-block-size` property to `calc(100vh / 3)`.
47
+ // - `.max-bs-two-thirds-screen`: Sets the `max-block-size` property to `calc(100vh / 1.5)`.
48
+ // - `.max-bs-quarter-screen`: Sets the `max-block-size` property to `25vh`.
49
+ // - `.max-bs-three-quarters-screen`: Sets the `max-block-size` property to `75vh`.
50
+ // - `.max-bs-full-screen`: Sets the `max-block-size` property to `100vh`.
51
+ // - `.max-bs-0`: Sets the `max-block-size` property to `var(--graupl-spacer-0)`.
52
+ // - `.max-bs-1`: Sets the `max-block-size` property to `var(--graupl-spacer-1)`.
53
+ // - `.max-bs-2`: Sets the `max-block-size` property to `var(--graupl-spacer-2)`.
54
+ // - `.max-bs-3`: Sets the `max-block-size` property to `var(--graupl-spacer-3)`.
55
+ // - `.max-bs-4`: Sets the `max-block-size` property to `var(--graupl-spacer-4)`.
56
+ // - `.max-bs-5`: Sets the `max-block-size` property to `var(--graupl-spacer-5)`.
57
+ // - `.max-bs-6`: Sets the `max-block-size` property to `var(--graupl-spacer-6)`.
58
+ // - `.max-bs-7`: Sets the `max-block-size` property to `var(--graupl-spacer-7)`.
59
+ // - `.max-bs-8`: Sets the `max-block-size` property to `var(--graupl-spacer-8)`.
60
+ // - `.max-bs-9`: Sets the `max-block-size` property to `var(--graupl-spacer-9)`.
61
+ // - `.max-bs-10`: Sets the `max-block-size` property to `var(--graupl-spacer-10)`.
62
+ // - `.min-bs-auto`: Sets the `min-block-size` property to `auto`.
63
+ // - `.min-bs-fit-content`: Sets the `min-block-size` property to `fit-content`.
64
+ // - `.min-bs-max-content`: Sets the `min-block-size` property to `max-content`.
65
+ // - `.min-bs-min-content`: Sets the `min-block-size` property to `min-content`.
66
+ // - `.min-bs-stretch`: Sets the `min-block-size` property to `stretch`.
67
+ // - `.min-bs-full`: Sets the `min-block-size` property to `100%`.
68
+ // - `.min-bs-quarter`: Sets the `min-block-size` property to `25%`.
69
+ // - `.min-bs-half`: Sets the `min-block-size` property to `50%`.
70
+ // - `.min-bs-three-quarters`: Sets the `min-block-size` property to `75%`.
71
+ // - `.min-bs-third`: Sets the `min-block-size` property to `calc(100% / 3)`.
72
+ // - `.min-bs-two-thirds`: Sets the `min-block-size` property to `calc(100% / 1.5)`.
73
+ // - `.min-bs-half-screen`: Sets the `min-block-size` property to `50vh`.
74
+ // - `.min-bs-third-screen`: Sets the `min-block-size` property to `calc(100vh / 3)`.
75
+ // - `.min-bs-two-thirds-screen`: Sets the `min-block-size` property to `calc(100vh / 1.5)`.
76
+ // - `.min-bs-quarter-screen`: Sets the `min-block-size` property to `25vh`.
77
+ // - `.min-bs-three-quarters-screen`: Sets the `min-block-size` property to `75vh`.
78
+ // - `.min-bs-full-screen`: Sets the `min-block-size` property to `100vh`.
79
+ // - `.min-bs-0`: Sets the `min-block-size` property to `var(--graupl-spacer-0)`.
80
+ // - `.min-bs-1`: Sets the `min-block-size` property to `var(--graupl-spacer-1)`.
81
+ // - `.min-bs-2`: Sets the `min-block-size` property to `var(--graupl-spacer-2)`.
82
+ // - `.min-bs-3`: Sets the `min-block-size` property to `var(--graupl-spacer-3)`.
83
+ // - `.min-bs-4`: Sets the `min-block-size` property to `var(--graupl-spacer-4)`.
84
+ // - `.min-bs-5`: Sets the `min-block-size` property to `var(--graupl-spacer-5)`.
85
+ // - `.min-bs-6`: Sets the `min-block-size` property to `var(--graupl-spacer-6)`.
86
+ // - `.min-bs-7`: Sets the `min-block-size` property to `var(--graupl-spacer-7)`.
87
+ // - `.min-bs-8`: Sets the `min-block-size` property to `var(--graupl-spacer-8)`.
88
+ // - `.min-bs-9`: Sets the `min-block-size` property to `var(--graupl-spacer-9)`.
89
+ // - `.min-bs-10`: Sets the `min-block-size` property to `var(--graupl-spacer-10)`.
90
90
  //
91
91
  // The following custom properties control the generated classes:
92
92
  // | Property | Description | Default Value |
package/src/scss/utilities/inline-size/_defaults.scss CHANGED
@@ -41,9 +41,9 @@ $container-aware-selector-suffix: root-defaults.$utility-container-aware-selecto
41
41
 
42
42
  // Properties.
43
43
  $-utility-properties: (
44
- "inline": inline-size,
45
- "max-inline": max-inline-size,
46
- "min-inline": min-inline-size,
44
+ "is": inline-size,
45
+ "max-is": max-inline-size,
46
+ "min-is": min-inline-size,
47
47
  );
48
48
  $utility-properties: () !default;
49
49
 
package/src/scss/utilities/inline-size/_index.scss CHANGED
@@ -3,90 +3,90 @@
3
3
  // This file generates the inline-size utility classes provided by Graupl.
4
4
  //
5
5
  // The following classes are generated by default:
6
- // - `.inline-auto`: Sets the `inline-size` property to `auto`.
7
- // - `.inline-fit-content`: Sets the `inline-size` property to `fit-content`.
8
- // - `.inline-max-content`: Sets the `inline-size` property to `max-content`.
9
- // - `.inline-min-content`: Sets the `inline-size` property to `min-content`.
10
- // - `.inline-stretch`: Sets the `inline-size` property to `stretch`.
11
- // - `.inline-full`: Sets the `inline-size` property to `100%`.
12
- // - `.inline-quarter`: Sets the `inline-size` property to `25%`.
13
- // - `.inline-half`: Sets the `inline-size` property to `50%`.
14
- // - `.inline-three-quarters`: Sets the `inline-size` property to `75%`.
15
- // - `.inline-third`: Sets the `inline-size` property to `calc(100% / 3)`.
16
- // - `.inline-two-thirds`: Sets the `inline-size` property to `calc(100% / 1.5)`.
17
- // - `.inline-half-screen`: Sets the `inline-size` property to `50vw`.
18
- // - `.inline-third-screen`: Sets the `inline-size` property to `calc(100vw / 3)`.
19
- // - `.inline-two-thirds-screen`: Sets the `inline-size` property to `calc(100vw / 1.5)`.
20
- // - `.inline-quarter-screen`: Sets the `inline-size` property to `25vw`.
21
- // - `.inline-three-quarters-screen`: Sets the `inline-size` property to `75vw`.
22
- // - `.inline-full-screen`: Sets the `inline-size` property to `100vw`.
23
- // - `.inline-0`: Sets the `inline-size` property to `var(--graupl-spacer-0)`.
24
- // - `.inline-1`: Sets the `inline-size` property to `var(--graupl-spacer-1)`.
25
- // - `.inline-2`: Sets the `inline-size` property to `var(--graupl-spacer-2)`.
26
- // - `.inline-3`: Sets the `inline-size` property to `var(--graupl-spacer-3)`.
27
- // - `.inline-4`: Sets the `inline-size` property to `var(--graupl-spacer-4)`.
28
- // - `.inline-5`: Sets the `inline-size` property to `var(--graupl-spacer-5)`.
29
- // - `.inline-6`: Sets the `inline-size` property to `var(--graupl-spacer-6)`.
30
- // - `.inline-7`: Sets the `inline-size` property to `var(--graupl-spacer-7)`.
31
- // - `.inline-8`: Sets the `inline-size` property to `var(--graupl-spacer-8)`.
32
- // - `.inline-9`: Sets the `inline-size` property to `var(--graupl-spacer-9)`.
33
- // - `.inline-10`: Sets the `inline-size` property to `var(--graupl-spacer-10)`.
34
- // - `.max-inline-auto`: Sets the `max-inline-size` property to `auto`.
35
- // - `.max-inline-fit-content`: Sets the `max-inline-size` property to `fit-content`.
36
- // - `.max-inline-max-content`: Sets the `max-inline-size` property to `max-content`.
37
- // - `.max-inline-min-content`: Sets the `max-inline-size` property to `min-content`.
38
- // - `.max-inline-stretch`: Sets the `max-inline-size` property to `stretch`.
39
- // - `.max-inline-full`: Sets the `max-inline-size` property to `100%`.
40
- // - `.max-inline-quarter`: Sets the `max-inline-size` property to `25%`.
41
- // - `.max-inline-half`: Sets the `max-inline-size` property to `50%`.
42
- // - `.max-inline-three-quarters`: Sets the `max-inline-size` property to `75%`.
43
- // - `.max-inline-third`: Sets the `max-inline-size` property to `calc(100% / 3)`.
44
- // - `.max-inline-two-thirds`: Sets the `max-inline-size` property to `calc(100% / 1.5)`.
45
- // - `.max-inline-half-screen`: Sets the `max-inline-size` property to `50vw`.
46
- // - `.max-inline-third-screen`: Sets the `max-inline-size` property to `calc(100vw / 3)`.
47
- // - `.max-inline-two-thirds-screen`: Sets the `max-inline-size` property to `calc(100vw / 1.5)`.
48
- // - `.max-inline-quarter-screen`: Sets the `max-inline-size` property to `25vw`.
49
- // - `.max-inline-three-quarters-screen`: Sets the `max-inline-size` property to `75vw`.
50
- // - `.max-inline-full-screen`: Sets the `max-inline-size` property to `100vw`.
51
- // - `.max-inline-0`: Sets the `max-inline-size` property to `var(--graupl-spacer-0)`.
52
- // - `.max-inline-1`: Sets the `max-inline-size` property to `var(--graupl-spacer-1)`.
53
- // - `.max-inline-2`: Sets the `max-inline-size` property to `var(--graupl-spacer-2)`.
54
- // - `.max-inline-3`: Sets the `max-inline-size` property to `var(--graupl-spacer-3)`.
55
- // - `.max-inline-4`: Sets the `max-inline-size` property to `var(--graupl-spacer-4)`.
56
- // - `.max-inline-5`: Sets the `max-inline-size` property to `var(--graupl-spacer-5)`.
57
- // - `.max-inline-6`: Sets the `max-inline-size` property to `var(--graupl-spacer-6)`.
58
- // - `.max-inline-7`: Sets the `max-inline-size` property to `var(--graupl-spacer-7)`.
59
- // - `.max-inline-8`: Sets the `max-inline-size` property to `var(--graupl-spacer-8)`.
60
- // - `.max-inline-9`: Sets the `max-inline-size` property to `var(--graupl-spacer-9)`.
61
- // - `.max-inline-10`: Sets the `max-inline-size` property to `var(--graupl-spacer-10)`.
62
- // - `.min-inline-auto`: Sets the `min-inline-size` property to `auto`.
63
- // - `.min-inline-fit-content`: Sets the `min-inline-size` property to `fit-content`.
64
- // - `.min-inline-max-content`: Sets the `min-inline-size` property to `max-content`.
65
- // - `.min-inline-min-content`: Sets the `min-inline-size` property to `min-content`.
66
- // - `.min-inline-stretch`: Sets the `min-inline-size` property to `stretch`.
67
- // - `.min-inline-full`: Sets the `min-inline-size` property to `100%`.
68
- // - `.min-inline-quarter`: Sets the `min-inline-size` property to `25%`.
69
- // - `.min-inline-half`: Sets the `min-inline-size` property to `50%`.
70
- // - `.min-inline-three-quarters`: Sets the `min-inline-size` property to `75%`.
71
- // - `.min-inline-third`: Sets the `min-inline-size` property to `calc(100% / 3)`.
72
- // - `.min-inline-two-thirds`: Sets the `min-inline-size` property to `calc(100% / 1.5)`.
73
- // - `.min-inline-half-screen`: Sets the `min-inline-size` property to `50vw`.
74
- // - `.min-inline-third-screen`: Sets the `min-inline-size` property to `calc(100vw / 3)`.
75
- // - `.min-inline-two-thirds-screen`: Sets the `min-inline-size` property to `calc(100vw / 1.5)`.
76
- // - `.min-inline-quarter-screen`: Sets the `min-inline-size` property to `25vw`.
77
- // - `.min-inline-three-quarters-screen`: Sets the `min-inline-size` property to `75vw`.
78
- // - `.min-inline-full-screen`: Sets the `min-inline-size` property to `100vw`.
79
- // - `.min-inline-0`: Sets the `min-inline-size` property to `var(--graupl-spacer-0)`.
80
- // - `.min-inline-1`: Sets the `min-inline-size` property to `var(--graupl-spacer-1)`.
81
- // - `.min-inline-2`: Sets the `min-inline-size` property to `var(--graupl-spacer-2)`.
82
- // - `.min-inline-3`: Sets the `min-inline-size` property to `var(--graupl-spacer-3)`.
83
- // - `.min-inline-4`: Sets the `min-inline-size` property to `var(--graupl-spacer-4)`.
84
- // - `.min-inline-5`: Sets the `min-inline-size` property to `var(--graupl-spacer-5)`.
85
- // - `.min-inline-6`: Sets the `min-inline-size` property to `var(--graupl-spacer-6)`.
86
- // - `.min-inline-7`: Sets the `min-inline-size` property to `var(--graupl-spacer-7)`.
87
- // - `.min-inline-8`: Sets the `min-inline-size` property to `var(--graupl-spacer-8)`.
88
- // - `.min-inline-9`: Sets the `min-inline-size` property to `var(--graupl-spacer-9)`.
89
- // - `.min-inline-10`: Sets the `min-inline-size` property to `var(--graupl-spacer-10)`.
6
+ // - `.is-auto`: Sets the `inline-size` property to `auto`.
7
+ // - `.is-fit-content`: Sets the `inline-size` property to `fit-content`.
8
+ // - `.is-max-content`: Sets the `inline-size` property to `max-content`.
9
+ // - `.is-min-content`: Sets the `inline-size` property to `min-content`.
10
+ // - `.is-stretch`: Sets the `inline-size` property to `stretch`.
11
+ // - `.is-full`: Sets the `inline-size` property to `100%`.
12
+ // - `.is-quarter`: Sets the `inline-size` property to `25%`.
13
+ // - `.is-half`: Sets the `inline-size` property to `50%`.
14
+ // - `.is-three-quarters`: Sets the `inline-size` property to `75%`.
15
+ // - `.is-third`: Sets the `inline-size` property to `calc(100% / 3)`.
16
+ // - `.is-two-thirds`: Sets the `inline-size` property to `calc(100% / 1.5)`.
17
+ // - `.is-half-screen`: Sets the `inline-size` property to `50vw`.
18
+ // - `.is-third-screen`: Sets the `inline-size` property to `calc(100vw / 3)`.
19
+ // - `.is-two-thirds-screen`: Sets the `inline-size` property to `calc(100vw / 1.5)`.
20
+ // - `.is-quarter-screen`: Sets the `inline-size` property to `25vw`.
21
+ // - `.is-three-quarters-screen`: Sets the `inline-size` property to `75vw`.
22
+ // - `.is-full-screen`: Sets the `inline-size` property to `100vw`.
23
+ // - `.is-0`: Sets the `inline-size` property to `var(--graupl-spacer-0)`.
24
+ // - `.is-1`: Sets the `inline-size` property to `var(--graupl-spacer-1)`.
25
+ // - `.is-2`: Sets the `inline-size` property to `var(--graupl-spacer-2)`.
26
+ // - `.is-3`: Sets the `inline-size` property to `var(--graupl-spacer-3)`.
27
+ // - `.is-4`: Sets the `inline-size` property to `var(--graupl-spacer-4)`.
28
+ // - `.is-5`: Sets the `inline-size` property to `var(--graupl-spacer-5)`.
29
+ // - `.is-6`: Sets the `inline-size` property to `var(--graupl-spacer-6)`.
30
+ // - `.is-7`: Sets the `inline-size` property to `var(--graupl-spacer-7)`.
31
+ // - `.is-8`: Sets the `inline-size` property to `var(--graupl-spacer-8)`.
32
+ // - `.is-9`: Sets the `inline-size` property to `var(--graupl-spacer-9)`.
33
+ // - `.is-10`: Sets the `inline-size` property to `var(--graupl-spacer-10)`.
34
+ // - `.max-is-auto`: Sets the `max-inline-size` property to `auto`.
35
+ // - `.max-is-fit-content`: Sets the `max-inline-size` property to `fit-content`.
36
+ // - `.max-is-max-content`: Sets the `max-inline-size` property to `max-content`.
37
+ // - `.max-is-min-content`: Sets the `max-inline-size` property to `min-content`.
38
+ // - `.max-is-stretch`: Sets the `max-inline-size` property to `stretch`.
39
+ // - `.max-is-full`: Sets the `max-inline-size` property to `100%`.
40
+ // - `.max-is-quarter`: Sets the `max-inline-size` property to `25%`.
41
+ // - `.max-is-half`: Sets the `max-inline-size` property to `50%`.
42
+ // - `.max-is-three-quarters`: Sets the `max-inline-size` property to `75%`.
43
+ // - `.max-is-third`: Sets the `max-inline-size` property to `calc(100% / 3)`.
44
+ // - `.max-is-two-thirds`: Sets the `max-inline-size` property to `calc(100% / 1.5)`.
45
+ // - `.max-is-half-screen`: Sets the `max-inline-size` property to `50vw`.
46
+ // - `.max-is-third-screen`: Sets the `max-inline-size` property to `calc(100vw / 3)`.
47
+ // - `.max-is-two-thirds-screen`: Sets the `max-inline-size` property to `calc(100vw / 1.5)`.
48
+ // - `.max-is-quarter-screen`: Sets the `max-inline-size` property to `25vw`.
49
+ // - `.max-is-three-quarters-screen`: Sets the `max-inline-size` property to `75vw`.
50
+ // - `.max-is-full-screen`: Sets the `max-inline-size` property to `100vw`.
51
+ // - `.max-is-0`: Sets the `max-inline-size` property to `var(--graupl-spacer-0)`.
52
+ // - `.max-is-1`: Sets the `max-inline-size` property to `var(--graupl-spacer-1)`.
53
+ // - `.max-is-2`: Sets the `max-inline-size` property to `var(--graupl-spacer-2)`.
54
+ // - `.max-is-3`: Sets the `max-inline-size` property to `var(--graupl-spacer-3)`.
55
+ // - `.max-is-4`: Sets the `max-inline-size` property to `var(--graupl-spacer-4)`.
56
+ // - `.max-is-5`: Sets the `max-inline-size` property to `var(--graupl-spacer-5)`.
57
+ // - `.max-is-6`: Sets the `max-inline-size` property to `var(--graupl-spacer-6)`.
58
+ // - `.max-is-7`: Sets the `max-inline-size` property to `var(--graupl-spacer-7)`.
59
+ // - `.max-is-8`: Sets the `max-inline-size` property to `var(--graupl-spacer-8)`.
60
+ // - `.max-is-9`: Sets the `max-inline-size` property to `var(--graupl-spacer-9)`.
61
+ // - `.max-is-10`: Sets the `max-inline-size` property to `var(--graupl-spacer-10)`.
62
+ // - `.min-is-auto`: Sets the `min-inline-size` property to `auto`.
63
+ // - `.min-is-fit-content`: Sets the `min-inline-size` property to `fit-content`.
64
+ // - `.min-is-max-content`: Sets the `min-inline-size` property to `max-content`.
65
+ // - `.min-is-min-content`: Sets the `min-inline-size` property to `min-content`.
66
+ // - `.min-is-stretch`: Sets the `min-inline-size` property to `stretch`.
67
+ // - `.min-is-full`: Sets the `min-inline-size` property to `100%`.
68
+ // - `.min-is-quarter`: Sets the `min-inline-size` property to `25%`.
69
+ // - `.min-is-half`: Sets the `min-inline-size` property to `50%`.
70
+ // - `.min-is-three-quarters`: Sets the `min-inline-size` property to `75%`.
71
+ // - `.min-is-third`: Sets the `min-inline-size` property to `calc(100% / 3)`.
72
+ // - `.min-is-two-thirds`: Sets the `min-inline-size` property to `calc(100% / 1.5)`.
73
+ // - `.min-is-half-screen`: Sets the `min-inline-size` property to `50vw`.
74
+ // - `.min-is-third-screen`: Sets the `min-inline-size` property to `calc(100vw / 3)`.
75
+ // - `.min-is-two-thirds-screen`: Sets the `min-inline-size` property to `calc(100vw / 1.5)`.
76
+ // - `.min-is-quarter-screen`: Sets the `min-inline-size` property to `25vw`.
77
+ // - `.min-is-three-quarters-screen`: Sets the `min-inline-size` property to `75vw`.
78
+ // - `.min-is-full-screen`: Sets the `min-inline-size` property to `100vw`.
79
+ // - `.min-is-0`: Sets the `min-inline-size` property to `var(--graupl-spacer-0)`.
80
+ // - `.min-is-1`: Sets the `min-inline-size` property to `var(--graupl-spacer-1)`.
81
+ // - `.min-is-2`: Sets the `min-inline-size` property to `var(--graupl-spacer-2)`.
82
+ // - `.min-is-3`: Sets the `min-inline-size` property to `var(--graupl-spacer-3)`.
83
+ // - `.min-is-4`: Sets the `min-inline-size` property to `var(--graupl-spacer-4)`.
84
+ // - `.min-is-5`: Sets the `min-inline-size` property to `var(--graupl-spacer-5)`.
85
+ // - `.min-is-6`: Sets the `min-inline-size` property to `var(--graupl-spacer-6)`.
86
+ // - `.min-is-7`: Sets the `min-inline-size` property to `var(--graupl-spacer-7)`.
87
+ // - `.min-is-8`: Sets the `min-inline-size` property to `var(--graupl-spacer-8)`.
88
+ // - `.min-is-9`: Sets the `min-inline-size` property to `var(--graupl-spacer-9)`.
89
+ // - `.min-is-10`: Sets the `min-inline-size` property to `var(--graupl-spacer-10)`.
90
90
  //
91
91
  // The following custom properties control the generated classes:
92
92
  // | Property | Description | Default Value |