@graupl/graupl 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (153) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/base/form.css.map +1 -0
  3. package/dist/base/link.css.map +1 -0
  4. package/dist/base/table.css +2 -0
  5. package/dist/base/table.css.map +1 -0
  6. package/dist/base.css +2 -0
  7. package/dist/base.css.map +1 -0
  8. package/dist/component/button.css +2 -0
  9. package/dist/component/button.css.map +1 -0
  10. package/dist/component/input-group.css +2 -0
  11. package/dist/component/input-group.css.map +1 -0
  12. package/dist/component/table.css +2 -0
  13. package/dist/component/table.css.map +1 -0
  14. package/dist/component.css +2 -0
  15. package/dist/component.css.map +1 -0
  16. package/dist/graupl.css +1 -1
  17. package/dist/graupl.css.map +1 -1
  18. package/dist/layout/{columns/columns.css → columns.css} +1 -1
  19. package/dist/layout/columns.css.map +1 -0
  20. package/dist/layout/container.css +2 -0
  21. package/dist/layout/container.css.map +1 -0
  22. package/dist/layout.css +2 -0
  23. package/dist/layout.css.map +1 -0
  24. package/dist/state/focus.css.map +1 -0
  25. package/dist/state.css +2 -0
  26. package/dist/state.css.map +1 -0
  27. package/dist/theme/color.css.map +1 -0
  28. package/dist/theme/typography.css +2 -0
  29. package/dist/theme/typography.css.map +1 -0
  30. package/dist/theme.css +2 -0
  31. package/dist/theme.css.map +1 -0
  32. package/dist/utilities/colors.css.map +1 -0
  33. package/dist/utilities/spacing.css +2 -0
  34. package/dist/utilities/spacing.css.map +1 -0
  35. package/dist/utilities/typography.css +2 -0
  36. package/dist/utilities/typography.css.map +1 -0
  37. package/dist/utilities.css +2 -0
  38. package/dist/utilities.css.map +1 -0
  39. package/docs/.vitepress/theme/custom.scss +1 -1
  40. package/index.html +327 -75
  41. package/package.json +32 -16
  42. package/scss/base/form.scss +3 -0
  43. package/scss/base/link.scss +3 -0
  44. package/scss/base/table.scss +3 -0
  45. package/scss/base.scss +3 -0
  46. package/scss/component/button.scss +3 -0
  47. package/scss/component/input-group.scss +3 -0
  48. package/scss/component/table.scss +3 -0
  49. package/scss/component.scss +3 -0
  50. package/scss/graupl.scss +1 -1
  51. package/scss/layout/columns.scss +3 -0
  52. package/scss/layout/container.scss +3 -0
  53. package/scss/layout.scss +3 -0
  54. package/scss/state/focus.scss +3 -0
  55. package/scss/state.scss +3 -0
  56. package/scss/theme/color.scss +3 -0
  57. package/scss/theme/typography.scss +3 -0
  58. package/scss/theme.scss +3 -0
  59. package/scss/utilities/colors.scss +3 -0
  60. package/scss/utilities/spacing.scss +3 -0
  61. package/scss/utilities/typography.scss +3 -0
  62. package/scss/utilities.scss +3 -0
  63. package/{scss → src/scss}/_defaults.scss +25 -6
  64. package/{scss → src/scss}/_variables.scss +4 -4
  65. package/{scss → src/scss}/base/_index.scss +1 -0
  66. package/src/scss/base/table/_defaults.scss +8 -0
  67. package/src/scss/base/table/_index.scss +27 -0
  68. package/src/scss/base/table/_variables.scss +65 -0
  69. package/{scss → src/scss}/component/_index.scss +2 -0
  70. package/src/scss/component/button/_defaults.scss +39 -0
  71. package/{scss → src/scss}/component/button/_index.scss +4 -21
  72. package/{scss → src/scss}/component/button/_variables.scss +5 -7
  73. package/src/scss/component/input-group/_defaults.scss +23 -0
  74. package/src/scss/component/input-group/_index.scss +45 -0
  75. package/src/scss/component/input-group/_variables.scss +63 -0
  76. package/src/scss/component/table/_defaults.scss +30 -0
  77. package/src/scss/component/table/_index.scss +77 -0
  78. package/src/scss/component/table/_variables.scss +64 -0
  79. package/{scss → src/scss}/functions/_theme.scss +8 -1
  80. package/{scss → src/scss}/layout/columns/_defaults.scss +1 -2
  81. package/{scss → src/scss}/layout/columns/_index.scss +2 -1
  82. package/src/scss/layout/container/_index.scss +36 -0
  83. package/{scss → src/scss}/layout/container/_variables.scss +16 -0
  84. package/{scss → src/scss}/mixins/_media-queries.scss +11 -0
  85. package/{scss → src/scss}/theme/color/_defaults.scss +4 -2
  86. package/{scss → src/scss}/theme/typography/_defaults.scss +14 -3
  87. package/{scss → src/scss}/theme/typography/_index.scss +1 -1
  88. package/{scss → src/scss}/theme/typography/_variables.scss +7 -4
  89. package/{scss → src/scss}/utilities/spacing/_defaults.scss +21 -2
  90. package/stylelint.config.js +2 -0
  91. package/dist/base/form/form.css.map +0 -1
  92. package/dist/base/link/link.css.map +0 -1
  93. package/dist/component/button/button.css +0 -2
  94. package/dist/component/button/button.css.map +0 -1
  95. package/dist/layout/columns/columns.css.map +0 -1
  96. package/dist/layout/container/container.css +0 -2
  97. package/dist/layout/container/container.css.map +0 -1
  98. package/dist/state/focus/focus.css.map +0 -1
  99. package/dist/theme/color/color.css.map +0 -1
  100. package/dist/theme/typography/typography.css +0 -2
  101. package/dist/theme/typography/typography.css.map +0 -1
  102. package/dist/utilities/colors/colors.css.map +0 -1
  103. package/dist/utilities/spacing/spacing.css +0 -2
  104. package/dist/utilities/spacing/spacing.css.map +0 -1
  105. package/dist/utilities/typography/typography.css +0 -2
  106. package/dist/utilities/typography/typography.css.map +0 -1
  107. package/scss/base/form/form.scss +0 -3
  108. package/scss/base/link/link.scss +0 -3
  109. package/scss/component/button/_defaults.scss +0 -10
  110. package/scss/component/button/button.scss +0 -3
  111. package/scss/layout/columns/columns.scss +0 -3
  112. package/scss/layout/container/_index.scss +0 -54
  113. package/scss/layout/container/container.scss +0 -3
  114. package/scss/state/focus/focus.scss +0 -3
  115. package/scss/theme/color/color.scss +0 -3
  116. package/scss/theme/typography/typography.scss +0 -3
  117. package/scss/utilities/colors/colors.scss +0 -3
  118. package/scss/utilities/spacing/spacing.scss +0 -3
  119. package/scss/utilities/typography/typography.scss +0 -3
  120. /package/dist/base/{form/form.css → form.css} +0 -0
  121. /package/dist/base/{link/link.css → link.css} +0 -0
  122. /package/dist/state/{focus/focus.css → focus.css} +0 -0
  123. /package/dist/theme/{color/color.css → color.css} +0 -0
  124. /package/dist/utilities/{colors/colors.css → colors.css} +0 -0
  125. /package/{scss → src/scss}/_index.scss +0 -0
  126. /package/{scss → src/scss}/_init.scss +0 -0
  127. /package/{scss → src/scss}/base/form/_defaults.scss +0 -0
  128. /package/{scss → src/scss}/base/form/_index.scss +0 -0
  129. /package/{scss → src/scss}/base/form/_variables.scss +0 -0
  130. /package/{scss → src/scss}/base/link/_defaults.scss +0 -0
  131. /package/{scss → src/scss}/base/link/_index.scss +0 -0
  132. /package/{scss → src/scss}/base/link/_variables.scss +0 -0
  133. /package/{scss → src/scss}/functions/_important.scss +0 -0
  134. /package/{scss → src/scss}/layout/_index.scss +0 -0
  135. /package/{scss → src/scss}/layout/columns/_variables.scss +0 -0
  136. /package/{scss → src/scss}/layout/container/_defaults.scss +0 -0
  137. /package/{scss → src/scss}/mixins/_layer.scss +0 -0
  138. /package/{scss → src/scss}/state/_index.scss +0 -0
  139. /package/{scss → src/scss}/state/focus/_defaults.scss +0 -0
  140. /package/{scss → src/scss}/state/focus/_index.scss +0 -0
  141. /package/{scss → src/scss}/state/focus/_variables.scss +0 -0
  142. /package/{scss → src/scss}/theme/_index.scss +0 -0
  143. /package/{scss → src/scss}/theme/color/_index.scss +0 -0
  144. /package/{scss → src/scss}/theme/color/_variables.scss +0 -0
  145. /package/{scss → src/scss}/utilities/_index.scss +0 -0
  146. /package/{scss → src/scss}/utilities/colors/_defaults.scss +0 -0
  147. /package/{scss → src/scss}/utilities/colors/_index.scss +0 -0
  148. /package/{scss → src/scss}/utilities/colors/_variables.scss +0 -0
  149. /package/{scss → src/scss}/utilities/spacing/_index.scss +0 -0
  150. /package/{scss → src/scss}/utilities/spacing/_variables.scss +0 -0
  151. /package/{scss → src/scss}/utilities/typography/_defaults.scss +0 -0
  152. /package/{scss → src/scss}/utilities/typography/_index.scss +0 -0
  153. /package/{scss → src/scss}/utilities/typography/_variables.scss +0 -0
@@ -0,0 +1,77 @@
1
+ // Table component styles.
2
+
3
+ @use "variables" as *;
4
+ @use "defaults";
5
+ @use "../../mixins/layer" as *;
6
+ @use "../../defaults" as root-defaults;
7
+ @use "../../functions/theme";
8
+
9
+ @include layer(component) {
10
+ table {
11
+ @each $variant in theme.variants() {
12
+ &.#{$variant},
13
+ .#{$variant} {
14
+ @each $prop, $key in defaults.$table-theme-map {
15
+ --#{root-defaults.$prefix}-table-#{$prop}: #{theme.get(
16
+ $variant,
17
+ $key
18
+ )};
19
+ }
20
+ }
21
+ }
22
+
23
+ &.bordered {
24
+ border-collapse: collapse;
25
+ border-width: $table-border-width;
26
+ border-style: $table-border-style;
27
+ border-color: $table-border-color;
28
+
29
+ tr > * {
30
+ border-width: $table-cell-border-width;
31
+ border-style: $table-cell-border-style;
32
+ border-color: $table-cell-border-color;
33
+ }
34
+ }
35
+
36
+ &.striped-columns {
37
+ tbody tr:nth-child(odd) > * {
38
+ background: $table-striped-background;
39
+ color: $table-striped-color;
40
+ }
41
+ }
42
+
43
+ &.striped-rows {
44
+ tbody tr > :nth-child(odd) {
45
+ background: $table-striped-background;
46
+ color: $table-striped-color;
47
+ }
48
+ }
49
+
50
+ &.hoverable {
51
+ tbody tr:hover > * {
52
+ background: $table-hover-background;
53
+ color: $table-hover-color;
54
+ }
55
+ }
56
+
57
+ .highlight {
58
+ --#{root-defaults.$prefix}-table-cell-background: #{$table-highlight-background};
59
+ --#{root-defaults.$prefix}-table-cell-color: #{$table-highlight-color};
60
+ --#{root-defaults.$prefix}-table-header-background: #{$table-highlight-background};
61
+ --#{root-defaults.$prefix}-table-header-color: #{$table-highlight-color};
62
+ --#{root-defaults.$prefix}-table-striped-background: #{$table-highlight-background};
63
+ --#{root-defaults.$prefix}-table-striped-color: #{$table-highlight-color};
64
+ }
65
+ }
66
+
67
+ .responsive-table {
68
+ display: block;
69
+ width: 100%;
70
+ overflow: scroll hidden;
71
+
72
+ table {
73
+ width: 100%;
74
+ margin-bottom: 0;
75
+ }
76
+ }
77
+ }
@@ -0,0 +1,64 @@
1
+ // Variables referencing custom properties.
2
+
3
+ @use "defaults";
4
+ @use "../../defaults" as root-defaults;
5
+ @use "../../variables" as root-variables;
6
+ @use "../../functions/theme";
7
+
8
+ // Table border properties.
9
+ $table-border-width: var(
10
+ --#{root-defaults.$prefix}-table-border-width,
11
+ #{root-variables.$border-width}
12
+ );
13
+ $table-border-style: var(
14
+ --#{root-defaults.$prefix}-table-border-style,
15
+ #{root-variables.$border-style}
16
+ );
17
+ $table-border-color: var(
18
+ --#{root-defaults.$prefix}-table-border-color,
19
+ #{theme.get(primary, 900)}
20
+ );
21
+
22
+ // Table cell border properties.
23
+ $table-cell-border-width: var(
24
+ --#{root-defaults.$prefix}-table-cell-border-width,
25
+ #{$table-border-width}
26
+ );
27
+ $table-cell-border-style: var(
28
+ --#{root-defaults.$prefix}-table-cell-border-style,
29
+ #{$table-border-style}
30
+ );
31
+ $table-cell-border-color: var(
32
+ --#{root-defaults.$prefix}-table-cell-border-color,
33
+ #{$table-border-color}
34
+ );
35
+
36
+ // Table striped properties.
37
+ $table-striped-background: var(
38
+ --#{root-defaults.$prefix}-table-striped-background,
39
+ #{theme.get(secondary, 200)}
40
+ );
41
+ $table-striped-color: var(
42
+ --#{root-defaults.$prefix}-table-striped-color,
43
+ #{theme.get(secondary, 900)}
44
+ );
45
+
46
+ // Table hover properties.
47
+ $table-hover-background: var(
48
+ --#{root-defaults.$prefix}-table-hover-background,
49
+ #{theme.get(secondary, 300)}
50
+ );
51
+ $table-hover-color: var(
52
+ --#{root-defaults.$prefix}-table-hover-color,
53
+ #{theme.get(secondary, 900)}
54
+ );
55
+
56
+ // Table highlight properties.
57
+ $table-highlight-background: var(
58
+ --#{root-defaults.$prefix}-table-highlight-background,
59
+ #{theme.get(secondary, 500)}
60
+ );
61
+ $table-highlight-color: var(
62
+ --#{root-defaults.$prefix}-table-highlight-color,
63
+ #{theme.get(secondary, 100)}
64
+ );
@@ -1,11 +1,18 @@
1
- // A function to get the specific theme shades.
1
+ // Functions to help with getting information about the theme.
2
2
 
3
3
  @use "sass:map";
4
4
  @use "../theme/color/variables" as color;
5
5
 
6
+ // A function to get the specific theme shades.
6
7
  @function get($color, $shade) {
7
8
  $color-map: map.get(color.$theme-active, $color);
8
9
  $value: map.get($color-map, $shade);
9
10
 
10
11
  @return $value;
11
12
  }
13
+
14
+ @function variants() {
15
+ $variants: map.keys(color.$theme-active);
16
+
17
+ @return $variants;
18
+ }
@@ -6,7 +6,6 @@
6
6
 
7
7
  $columns-max-width: 1fr !default;
8
8
  $columns-count: 3 !default;
9
- $columns-disable-width: 48ch !default;
10
9
  $columns-min-count: 1 !default;
11
- $columns-max-count: 4 !default;
10
+ $columns-max-count: 6 !default;
12
11
  $columns-span: 1 !default;
@@ -4,6 +4,7 @@
4
4
  @use "defaults";
5
5
  @use "../../defaults" as root-defaults;
6
6
  @use "../../mixins/layer" as *;
7
+ @use "../../mixins/media-queries" as *;
7
8
 
8
9
  @include layer(layout) {
9
10
  .columns {
@@ -27,7 +28,7 @@
27
28
  }
28
29
 
29
30
  // Disable columns on small screens to avoid horizontal bleeding.
30
- @media screen and (max-width: #{defaults.$columns-disable-width}) {
31
+ @include screen(xs) {
31
32
  .columns {
32
33
  --#{root-defaults.$prefix}-columns-min-width: #{defaults.$columns-max-width};
33
34
  }
@@ -0,0 +1,36 @@
1
+ // Graupl Container layout.
2
+
3
+ @use "variables" as *;
4
+ @use "../../mixins/layer" as *;
5
+
6
+ @include layer(layout) {
7
+ .container,
8
+ .container > .full-width {
9
+ display: grid;
10
+ grid-template-columns:
11
+ [full-width-start] $container-full-width-section-width
12
+ [feature-start] $container-feature-section-width
13
+ [breakout-start] $container-breakout-section-width
14
+ [content-start] $container-content-section-width
15
+ [content-end]
16
+ $container-breakout-section-width [breakout-end]
17
+ $container-feature-section-width [feature-end]
18
+ $container-full-width-section-width [full-width-end];
19
+
20
+ > :not(.breakout, .full-width, .feature) {
21
+ grid-column: content;
22
+ }
23
+
24
+ .breakout {
25
+ grid-column: breakout;
26
+ }
27
+
28
+ .feature {
29
+ grid-column: feature;
30
+ }
31
+
32
+ .full-width {
33
+ grid-column: full-width;
34
+ }
35
+ }
36
+ }
@@ -29,3 +29,19 @@ $container-feature-width: var(
29
29
  --#{root-defaults.$prefix}-container-feature-width,
30
30
  calc((#{$container-feature-max-width} - #{$container-breakout-max-width}) / 2)
31
31
  );
32
+ $container-content-section-width: var(
33
+ --#{root-defaults.$prefix}-container-content-section-width,
34
+ min(#{$container-content-max-width}, calc(100% - #{$container-gap} * 2))
35
+ );
36
+ $container-full-width-section-width: var(
37
+ --#{root-defaults.$prefix}-container-full-width-section-width,
38
+ minmax(#{$container-gap}, 1fr)
39
+ );
40
+ $container-breakout-section-width: var(
41
+ --#{root-defaults.$prefix}-container-breakout-section-width,
42
+ minmax(0, #{$container-breakout-width})
43
+ );
44
+ $container-feature-section-width: var(
45
+ --#{root-defaults.$prefix}-container-feature-section-width,
46
+ minmax(0, #{$container-feature-width})
47
+ );
@@ -1,5 +1,8 @@
1
1
  // Media query mixins.
2
2
 
3
+ @use "../defaults" as root-defaults;
4
+ @use "sass:map";
5
+
3
6
  // A media query for targetting users who have not requested reduced motion.
4
7
  @mixin animation-on {
5
8
  @media (prefers-reduced-motion: no-preference) {
@@ -13,3 +16,11 @@
13
16
  @content;
14
17
  }
15
18
  }
19
+
20
+ @mixin screen($size) {
21
+ $screen-size: map.get(root-defaults.$screen-sizes, $size);
22
+
23
+ @media screen and #{$screen-size} {
24
+ @content;
25
+ }
26
+ }
@@ -46,7 +46,7 @@ $custom-colors: () !default;
46
46
  $colors: map.merge($default-colors, $custom-colors);
47
47
 
48
48
  // A map for reversing the shade values of the dark theme.
49
- $dark-map: (
49
+ $base-dark-map: (
50
50
  100: 900,
51
51
  200: 800,
52
52
  300: 700,
@@ -56,4 +56,6 @@ $dark-map: (
56
56
  700: 300,
57
57
  800: 200,
58
58
  900: 100,
59
- ) !default;
59
+ );
60
+ $custom-dark-map: () !default;
61
+ $dark-map: map.merge($base-dark-map, $custom-dark-map);
@@ -4,6 +4,8 @@
4
4
  // They are mainly used to provide default fallbacks for custom properties
5
5
  // which can be found in the `variables.scss` file.
6
6
 
7
+ @use "sass:map";
8
+
7
9
  // font properties.
8
10
  $font-size: 1rem !default;
9
11
  $root-font-size: clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) !default;
@@ -12,7 +14,7 @@ $line-height: 1.2em !default;
12
14
  // Multipliers for font sizes.
13
15
  // This uses a minor third scale.
14
16
  // See: https://typescale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Lato&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000
15
- $font-size-multipliers: (
17
+ $base-font-size-multipliers: (
16
18
  xs: 0.694,
17
19
  sm: 0.833,
18
20
  base: 1,
@@ -22,12 +24,21 @@ $font-size-multipliers: (
22
24
  3xl: 2.074,
23
25
  4xl: 2.488,
24
26
  5xl: 2.986,
25
- ) !default;
26
- $font-weights: (
27
+ );
28
+ $custom-font-size-multipliers: () !default;
29
+ $font-size-multipliers: map.merge(
30
+ $base-font-size-multipliers,
31
+ $custom-font-size-multipliers
32
+ );
33
+
34
+ // Weights.
35
+ $base-font-weights: (
27
36
  light: 300,
28
37
  normal: 400,
29
38
  bold: 700,
30
39
  );
40
+ $custom-font-weights: () !default;
41
+ $font-weights: map.merge($base-font-weights, $custom-font-weights);
31
42
 
32
43
  /* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
33
44
  $root-font-family:
@@ -46,7 +46,7 @@
46
46
 
47
47
  b,
48
48
  strong {
49
- font-weight: $bold-font-weight;
49
+ font-weight: $font-weight-bold;
50
50
  }
51
51
 
52
52
  body {
@@ -30,7 +30,7 @@ $font-weights: ();
30
30
  $font-weights: map.set($font-weights, $key, $weight);
31
31
  }
32
32
 
33
- $bold-font-weight: var(
33
+ $font-weight-bold: var(
34
34
  --#{root-defaults.$prefix}-font-weight-bold,
35
35
  #{map.get($font-weights, bold)}
36
36
  );
@@ -76,7 +76,7 @@ $paragraph-font-weight: var(
76
76
  );
77
77
  $small-font-size: var(
78
78
  --#{root-defaults.$prefix}-small-font-size,
79
- #{map.get($font-sizes, small)}
79
+ #{map.get($font-sizes, sm)}
80
80
  );
81
81
  $small-line-height: var(
82
82
  --#{root-defaults.$prefix}-small-line-height,
@@ -102,11 +102,14 @@ $heading-line-height: var(
102
102
  );
103
103
  $heading-margin: var(
104
104
  --#{root-defaults.$prefix}-heading-margin,
105
- 0 0 #{map.get(root-variables.$spacers, 2)} 0
105
+ #{map.get(root-variables.$spacers, 5)} 0 #{map.get(
106
+ root-variables.$spacers,
107
+ 2
108
+ )} 0
106
109
  );
107
110
  $heading-font-weight: var(
108
111
  --#{root-defaults.$prefix}-heading-font-weight,
109
- #{$bold-font-weight}
112
+ #{$font-weight-bold}
110
113
  );
111
114
 
112
115
  // H1 properties.
@@ -4,7 +4,9 @@
4
4
  // They are mainly used to provide default fallbacks for custom properties
5
5
  // which can be found in the `variables.scss` file.
6
6
 
7
- $spacing-properties: (
7
+ @use "sass:map";
8
+
9
+ $base-spacing-properties: (
8
10
  g: gap,
9
11
  rg: row-gap,
10
12
  cg: column-gap,
@@ -15,6 +17,12 @@ $spacing-properties: (
15
17
  pl: padding-left,
16
18
  px: padding-left padding-right,
17
19
  py: padding-top padding-bottom,
20
+ pbs: padding-block-start,
21
+ pbe: padding-block-end,
22
+ pbse: padding-block-start padding-block-end,
23
+ pis: padding-inline-start,
24
+ pie: padding-inline-end,
25
+ pise: padding-inline-start padding-inline-end,
18
26
  m: margin,
19
27
  mt: margin-top,
20
28
  mr: margin-right,
@@ -22,4 +30,15 @@ $spacing-properties: (
22
30
  ml: margin-left,
23
31
  mx: margin-left margin-right,
24
32
  my: margin-top margin-bottom,
25
- ) !default;
33
+ mbs: margin-block-start,
34
+ mbe: margin-block-end,
35
+ mbse: margin-block-start margin-block-end,
36
+ mis: margin-inline-start,
37
+ mie: margin-inline-end,
38
+ mise: margin-inline-start margin-inline-end,
39
+ );
40
+ $custom-spacing-properties: () !default;
41
+ $spacing-properties: map.merge(
42
+ $base-spacing-properties,
43
+ $custom-spacing-properties
44
+ );
@@ -8,6 +8,8 @@ const config = {
8
8
  rules: {
9
9
  "prettier/prettier": true,
10
10
  "scss/comment-no-empty": null,
11
+ "selector-max-compound-selectors": 4,
12
+ "selector-no-qualifying-type": null,
11
13
  },
12
14
  };
13
15
 
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/base/form/_index.scss","../../../scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBCHF,sBAME,mFC4FkB,CD7FlB,+ECyFiB,CD1FjB,4ECsFiB,CDnFjB,qGCQc,CDZd,oNECF,CFKE,iDACE,kBEDJ,CFKA,MACE,mIEHF,CFMA,SAOE,wHCqFqB,CDtFrB,mHCkFoB,CDnFpB,gHC+EoB,CDnFpB,YAAA,CACA,sDAAA,CAMA,sICiBiB,CDtBjB,0FCMW,CDLX,yREAF,CFOI,4EAGE,kBELN,CACF,CHzBI,oBCoCF,sBAME,iKCyFiB,CD3FjB,6JCMe,CDPf,uKC0EiB,CDxEjB,mJEPF,CFUE,4EACE,qKENJ,CFKE,6DACE,qKENJ,CFSE,iDACE,gLCoEwB,CDnExB,kKELJ,CFOI,uGACE,iNEHN,CFEI,wFACE,iNEHN,CFQA,MACE,6KENF,CFQE,+DACE,qMENJ,CFUA,SAEE,+LClBkB,CDiBlB,2MCsDoB,CDpDpB,gLERF,CFUE,kBACE,6NCqD2B,CDpD3B,wMERJ,CFUI,wBACE,qMERN,CACF","file":"form.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/base/link/_index.scss","../../../scss/base/link/_variables.scss","link.css"],"names":[],"mappings":"AASI,mBCHF,EACE,oECCmB,CDDnB,4DCCmB,CDAnB,qGEJF,CACF,CHII,oBCIF,EACE,kJELF,CFOE,QACE,2JELJ,CFQE,SACE,4JENJ,CFSE,UACE,0JEPJ,CFSI,gBACE,2JEPN,CACF","file":"link.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.component{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),border-color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button:hover{transform:var(--graupl-button-hover-transform,none)}.button:active{transform:var(--graupl-button-active-transform,scale(.95))}.button:disabled{cursor:not-allowed}.button:disabled:active,.button:disabled:hover{transform:none}@media (prefers-reduced-motion:reduce){.button{transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease),border-color var(--graupl-transition-timing-function,ease))}.button:hover{transform:var(--graupl-button-hover-transform-reduced-motion,none)}.button:active{transform:var(--graupl-button-active-transform-reduced-motion,scale(.98))}}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));border-color:var(--graupl-button-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}.button:hover{background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));border-color:var(--graupl-button-hover-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:active{background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));border-color:var(--graupl-button-active-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:disabled,.button:disabled:active,.button:disabled:hover{background:var(--graupl-button-disabled-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.primary{--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}}
2
- /*# sourceMappingURL=button.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/component/button/_index.scss","../../../scss/component/button/_variables.scss","button.css","../../../scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,wBCCF,QAEE,kBAAA,CAQA,oFC2FmB,CD5FnB,+ECwFkB,CDzFlB,6ECqFkB,CDjFlB,cAAA,CAXA,YAAA,CAUA,sGCSe,CDjBf,sBAAA,CAEA,+CCDgB,CDAhB,6CCJe,CDMf,uNCUa,CDTb,0bEFF,CFSE,cACE,mDEPJ,CFUE,eACE,0DERJ,CFWE,iBACE,kBETJ,CFWI,+CAEE,cEVN,CChBA,uCHgCE,QACE,iOEbF,CFeE,cACE,kEEbJ,CFgBE,eACE,yEEdJ,CACF,CACF,CH9BI,oBCiDF,QAEE,8JCOgB,CDRhB,kKC0DkB,CDxDlB,oJEhBF,CFkBE,cAEE,oKCMoB,CDPpB,wKCyDsB,CDvDtB,0JEhBJ,CFmBE,eAEE,qKCIqB,CDLrB,yKCuDuB,CDrDvB,2JEjBJ,CFyBI,gEAGE,uKCJqB,CDGrB,2KC+CuB,CD7CvB,6JEnBN,CFwBI,gBACE,oJAAA,CAIA,qJAAA,CAIA,gJAAA,CACA,sJAAA,CAIA,uJAAA,CAIA,yJElCN,CFgBI,kBACE,0JAAA,CAIA,2JAAA,CAIA,sJAAA,CACA,4JAAA,CAIA,6JAAA,CAIA,+JE1BN,CFQI,iBACE,uJAAA,CAIA,wJAAA,CAIA,mJAAA,CACA,yJAAA,CAIA,0JAAA,CAIA,4JElBN,CACF","file":"button.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/layout/columns/_index.scss","columns.css"],"names":[],"mappings":"AASI,qBCDF,SACE,YAAA,CAEA,sLAAA,CADA,qXCHF,CDME,WACE,6CCJJ,CDSE,SACE,wBCPJ,CDUE,QACE,uBCRJ,CDGE,SACE,wBCDJ,CDIE,QACE,uBCFJ,CDHE,SACE,wBCKJ,CDFE,QACE,uBCIJ,CDTE,SACE,wBCWJ,CDRE,QACE,uBCUJ,CDLA,mCACE,SACE,8BCOF,CACF,CACF","file":"columns.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.layout{.container,.container>.full-width{--graupl-container-full-width:minmax(var(--graupl-container-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))),1fr);--graupl-container-content:min(var(--graupl-container-content-max-width,var(--graupl-content-max-width,96ch)),calc(100% - var(--graupl-container-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))) * 2));--graupl-container-breakout:minmax(0,var(--graupl-container-breakout-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)));--graupl-container-feature:minmax(0,var(--graupl-container-feature-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)));display:grid;grid-template-columns:[full-width-start] var(--graupl-container-full-width) [feature-start] var(--graupl-container-feature) [breakout-start] var(--graupl-container-breakout) [content-start] var(--graupl-container-content) [content-end] var(--graupl-container-breakout) [breakout-end] var(--graupl-container-feature) [feature-end] var(--graupl-container-full-width) [full-width-end]}.container>.full-width>:not(.breakout,.full-width,.feature),.container>:not(.breakout,.full-width,.feature){grid-column:content}.container .breakout,.container>.full-width .breakout{grid-column:breakout}.container .feature,.container>.full-width .feature{grid-column:feature}.container .full-width,.container>.full-width .full-width{grid-column:full-width}}
2
- /*# sourceMappingURL=container.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/layout/container/_index.scss","container.css"],"names":[],"mappings":"AASI,qBCFF,kCAEE,+HAAA,CAIA,yNAAA,CAIA,qTAAA,CAIA,oaAAA,CAKA,YAAA,CACA,6XCNF,CDgBE,4GACE,mBCbJ,CDgBE,sDACE,oBCbJ,CDgBE,oDACE,mBCbJ,CDgBE,0DACE,sBCbJ,CACF","file":"container.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/state/focus/_index.scss","../../../scss/state/focus/_variables.scss","focus.css"],"names":[],"mappings":"AASI,oBCHF,eACE,wBAAA,CAGA,smBCyBe,CD3Bf,iSAAA,CACA,0JEHF,CACF","file":"focus.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/theme/color/_index.scss","../../../scss/theme/color/_variables.scss","color.css"],"names":[],"mappings":"AASI,oBCAF,MACE,4JC2Gc,CD1Gd,uJCsGc,CDlGV,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,8GAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHEgBN,CFVA,WAGM,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,6GAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAIJ,iBEiCF,CF7BA,YAGM,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,8GAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAIJ,kBEoDF,CACF","file":"color.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.base{p{margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)}small{margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)}h1{margin:var(--graupl-h1-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}h2{margin:var(--graupl-h2-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}h3{margin:var(--graupl-h3-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}h4{margin:var(--graupl-h4-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}h5{margin:var(--graupl-h5-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}h6{margin:var(--graupl-h6-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))}}@layer graupl.theme{:root{font-family:var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif);font-size:var(--graupl-root-font-size,clamp(.85rem,.8rem + .5vw,1.25rem))}b,strong{font-weight:var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))}body{font-size:var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1)));font-weight:var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400));line-height:var(--graupl-body-line-height,var(--graupl-line-height,1.2em))}p{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))));font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)));line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))}small{font-size:var(--graupl-small-font-size, );font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)));line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))}h1{font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986)));font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}h2{font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488)));font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}h3{font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074)));font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}h4{font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728)));font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}h5{font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44)));font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}h6{font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)));font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2)));font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))));line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))}}
2
- /*# sourceMappingURL=typography.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/theme/typography/_index.scss","typography.css","../../../scss/theme/typography/_variables.scss"],"names":[],"mappings":"AASI,mBCFF,EACE,uGCJF,CDOA,MACE,mGCLF,CDQA,GACE,6HCNF,CDSA,GACE,6HCPF,CDUA,GACE,6HCRF,CDWA,GACE,6HCTF,CDYA,GACE,6HCVF,CDaA,GACE,6HCXF,CACF,CFjBI,oBCgCF,MACE,qIEJe,CFKf,yECZF,CDeA,SAEE,6ECbF,CDgBA,KACE,oGEJa,CFKb,+EEGe,CFFf,0ECdF,CDiBA,EACE,sIEEkB,CFDlB,mHEaoB,CFZpB,8GCfF,CDkBA,MACE,yCEYc,CFXd,+GEuBgB,CFtBhB,2EChBF,CDmBA,GACE,oMEmDa,CFlDb,qGEyCW,CFxCX,4IEqDa,CFpDb,0GCjBF,CDoBA,GACE,oME+Da,CF9Db,qGEqDW,CFpDX,4IEiEa,CFhEb,0GClBF,CDqBA,GACE,oME2Ea,CF1Eb,qGEiEW,CFhEX,4IE6Ea,CF5Eb,0GCnBF,CDsBA,GACE,oMEuFa,CFtFb,qGE6EW,CF5EX,4IEyFa,CFxFb,0GCpBF,CDuBA,GACE,oMEmGa,CFlGb,mGEyFW,CFxFX,4IEqGa,CFpGb,0GCrBF,CDwBA,GACE,oME+Ga,CF9Gb,kGEqGW,CFpGX,4IEiHa,CFhHb,0GCtBF,CACF","file":"typography.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/utilities/colors/_index.scss","colors.css"],"names":[],"mappings":"AASI,wBCGE,gBACE,wICVN,CDaI,kBACE,mICXN,CDMI,gBACE,wICJN,CDOI,kBACE,mICLN,CDAI,gBACE,wICEN,CDCI,kBACE,mICCN,CDNI,gBACE,wICQN,CDLI,kBACE,mICON,CDZI,gBACE,wICcN,CDXI,kBACE,mICaN,CDlBI,gBACE,wICoBN,CDjBI,kBACE,mICmBN,CDxBI,gBACE,wIC0BN,CDvBI,kBACE,mICyBN,CD9BI,gBACE,wICgCN,CD7BI,kBACE,mIC+BN,CDpCI,gBACE,wICsCN,CDnCI,kBACE,mICqCN,CD1CI,kBACE,8IC4CN,CDzCI,oBACE,yIC2CN,CDhDI,kBACE,8ICkDN,CD/CI,oBACE,yICiDN,CDtDI,kBACE,8ICwDN,CDrDI,oBACE,yICuDN,CD5DI,kBACE,8IC8DN,CD3DI,oBACE,yIC6DN,CDlEI,kBACE,8ICoEN,CDjEI,oBACE,yICmEN,CDxEI,kBACE,8IC0EN,CDvEI,oBACE,yICyEN,CD9EI,kBACE,8ICgFN,CD7EI,oBACE,yIC+EN,CDpFI,kBACE,8ICsFN,CDnFI,oBACE,yICqFN,CD1FI,kBACE,8IC4FN,CDzFI,oBACE,yIC2FN,CDhGI,iBACE,2ICkGN,CD/FI,mBACE,sICiGN,CDtGI,iBACE,2ICwGN,CDrGI,mBACE,sICuGN,CD5GI,iBACE,2IC8GN,CD3GI,mBACE,sIC6GN,CDlHI,iBACE,2ICoHN,CDjHI,mBACE,sICmHN,CDxHI,iBACE,wIC0HN,CDvHI,mBACE,mICyHN,CD9HI,iBACE,2ICgIN,CD7HI,mBACE,sIC+HN,CDpII,iBACE,2ICsIN,CDnII,mBACE,sICqIN,CD1II,iBACE,2IC4IN,CDzII,mBACE,sIC2IN,CDhJI,iBACE,2ICkJN,CD/II,mBACE,sICiJN,CACF","file":"colors.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.utilities{.g-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-0:not(.columns){gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important;--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.g-1:not(.columns){gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.g-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important;--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.g-2:not(.columns){gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.g-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.g-3:not(.columns){gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.g-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important;--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.g-4:not(.columns){gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.g-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-5:not(.columns){gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-6:not(.columns){gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-7:not(.columns){gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-8:not(.columns){gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-9:not(.columns){gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.g-10:not(.columns){gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-0.columns{--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-0:not(.columns){row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-1.columns{--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.rg-1:not(.columns){row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.rg-2.columns{--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.rg-2:not(.columns){row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.rg-3.columns{--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.rg-3:not(.columns){row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.rg-4.columns{--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.rg-4:not(.columns){row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.rg-5.columns{--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-5:not(.columns){row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-6.columns{--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-6:not(.columns){row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-7.columns{--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-7:not(.columns){row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-8.columns{--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-8:not(.columns){row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-9.columns{--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-9:not(.columns){row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-10.columns{--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-10:not(.columns){row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-0:not(.columns){-moz-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.cg-1:not(.columns){-moz-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.cg-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.cg-2:not(.columns){-moz-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.cg-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.cg-3:not(.columns){-moz-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.cg-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.cg-4:not(.columns){-moz-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.cg-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-5:not(.columns){-moz-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-6:not(.columns){-moz-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-7:not(.columns){-moz-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-8:not(.columns){-moz-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-9:not(.columns){-moz-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-10:not(.columns){-moz-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.p-0{padding:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.p-1{padding:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.p-2{padding:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.p-3{padding:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.p-4{padding:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.p-5{padding:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.p-6{padding:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.p-7{padding:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.p-8{padding:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.p-9{padding:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.p-10{padding:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pt-0{padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pt-1{padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pt-2{padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pt-3{padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pt-4{padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pt-5{padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pt-6{padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pt-7{padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pt-8{padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pt-9{padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pt-10{padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pr-0{padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pr-1{padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pr-2{padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pr-3{padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pr-4{padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pr-5{padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pr-6{padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pr-7{padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pr-8{padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pr-9{padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pr-10{padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pb-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pb-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pb-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pb-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pb-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pb-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pb-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pb-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pb-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pb-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pb-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pl-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pl-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pl-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pl-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pl-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pl-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pl-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pl-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pl-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pl-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pl-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.px-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.px-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.px-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.px-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.px-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.px-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.px-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.px-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.px-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.px-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.px-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.py-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.py-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.py-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.py-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.py-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.py-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.py-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.py-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.py-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.py-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.py-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.m-0{margin:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.m-1{margin:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.m-2{margin:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.m-3{margin:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.m-4{margin:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.m-5{margin:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.m-6{margin:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.m-7{margin:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.m-8{margin:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.m-9{margin:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.m-10{margin:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mt-0{margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mt-1{margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mt-2{margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mt-3{margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mt-4{margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mt-5{margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mt-6{margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mt-7{margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mt-8{margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mt-9{margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mt-10{margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mr-0{margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mr-1{margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mr-2{margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mr-3{margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mr-4{margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mr-5{margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mr-6{margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mr-7{margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mr-8{margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mr-9{margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mr-10{margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mb-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mb-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mb-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mb-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mb-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mb-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mb-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mb-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mb-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mb-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mb-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.ml-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.ml-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.ml-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.ml-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.ml-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.ml-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.ml-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.ml-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.ml-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.ml-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.ml-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mx-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mx-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mx-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mx-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mx-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mx-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mx-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mx-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mx-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mx-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mx-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.my-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.my-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.my-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.my-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.my-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.my-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.my-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.my-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.my-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.my-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.my-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}}
2
- /*# sourceMappingURL=spacing.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/utilities/spacing/_index.scss","spacing.css"],"names":[],"mappings":"AASI,wBCQM,aACE,+FAAA,CAGA,4FCjBV,CDsBQ,mBAEI,uECrBZ,CDUQ,aACE,mGAAA,CAGA,gGCVV,CDeQ,mBAEI,0ECdZ,CDGQ,aACE,kGAAA,CAGA,+FCHV,CDQQ,mBAEI,yECPZ,CDJQ,aACE,iGAAA,CAGA,8FCIV,CDCQ,mBAEI,wECAZ,CDXQ,aACE,kGAAA,CAGA,+FCWV,CDNQ,mBAEI,yECOZ,CDlBQ,aACE,+FAAA,CAGA,4FCkBV,CDbQ,mBAEI,uECcZ,CDzBQ,aACE,iGAAA,CAGA,8FCyBV,CDpBQ,mBAEI,yECqBZ,CDhCQ,aACE,+FAAA,CAGA,4FCgCV,CD3BQ,mBAEI,uEC4BZ,CDvCQ,aACE,+FAAA,CAGA,4FCuCV,CDlCQ,mBAEI,uECmCZ,CD9CQ,aACE,+FAAA,CAGA,4FC8CV,CDzCQ,mBAEI,uEC0CZ,CDrDQ,cACE,iGAAA,CAGA,8FCqDV,CDhDQ,oBAEI,yECiDZ,CDjCQ,cACE,4FCmCV,CD9BQ,oBAEI,2EC+BZ,CDvCQ,cACE,gGCyCV,CDpCQ,oBAEI,8ECqCZ,CD7CQ,cACE,+FC+CV,CD1CQ,oBAEI,6EC2CZ,CDnDQ,cACE,8FCqDV,CDhDQ,oBAEI,4ECiDZ,CDzDQ,cACE,+FC2DV,CDtDQ,oBAEI,6ECuDZ,CD/DQ,cACE,4FCiEV,CD5DQ,oBAEI,2EC6DZ,CDrEQ,cACE,8FCuEV,CDlEQ,oBAEI,6ECmEZ,CD3EQ,cACE,4FC6EV,CDxEQ,oBAEI,2ECyEZ,CDjFQ,cACE,4FCmFV,CD9EQ,oBAEI,2EC+EZ,CDvFQ,cACE,4FCyFV,CDpFQ,oBAEI,2ECqFZ,CD7FQ,eACE,8FC+FV,CD1FQ,qBAEI,6EC2FZ,CD/GQ,cACE,+FCiHV,CD5GQ,oBAEI,mFAAA,CAAA,8EC6GZ,CDrHQ,cACE,mGCuHV,CDlHQ,oBAEI,sFAAA,CAAA,iFCmHZ,CD3HQ,cACE,kGC6HV,CDxHQ,oBAEI,qFAAA,CAAA,gFCyHZ,CDjIQ,cACE,iGCmIV,CD9HQ,oBAEI,oFAAA,CAAA,+EC+HZ,CDvIQ,cACE,kGCyIV,CDpIQ,oBAEI,qFAAA,CAAA,gFCqIZ,CD7IQ,cACE,+FC+IV,CD1IQ,oBAEI,mFAAA,CAAA,8EC2IZ,CDnJQ,cACE,iGCqJV,CDhJQ,oBAEI,qFAAA,CAAA,gFCiJZ,CDzJQ,cACE,+FC2JV,CDtJQ,oBAEI,mFAAA,CAAA,8ECuJZ,CD/JQ,cACE,+FCiKV,CD5JQ,oBAEI,mFAAA,CAAA,8EC6JZ,CDrKQ,cACE,+FCuKV,CDlKQ,oBAEI,mFAAA,CAAA,8ECmKZ,CD3KQ,eACE,iGC6KV,CDxKQ,qBAEI,qFAAA,CAAA,gFCyKZ,CDpMI,KA4CM,2EC2JV,CDvMI,KA4CM,8EC8JV,CD1MI,KA4CM,6ECiKV,CD7MI,KA4CM,4ECoKV,CDhNI,KA4CM,6ECuKV,CDnNI,KA4CM,2EC0KV,CDtNI,KA4CM,6EC6KV,CDzNI,KA4CM,2ECgLV,CD5NI,KA4CM,2ECmLV,CD/NI,KA4CM,2ECsLV,CDlOI,MA4CM,6ECyLV,CDrOI,MA4CM,+EC4LV,CDxOI,MA4CM,kFC+LV,CD3OI,MA4CM,iFCkMV,CD9OI,MA4CM,gFCqMV,CDjPI,MA4CM,iFCwMV,CDpPI,MA4CM,+EC2MV,CDvPI,MA4CM,iFC8MV,CD1PI,MA4CM,+ECiNV,CD7PI,MA4CM,+ECoNV,CDhQI,MA4CM,+ECuNV,CDnQI,OA4CM,iFC0NV,CDtQI,MA4CM,iFC6NV,CDzQI,MA4CM,oFCgOV,CD5QI,MA4CM,mFCmOV,CD/QI,MA4CM,kFCsOV,CDlRI,MA4CM,mFCyOV,CDrRI,MA4CM,iFC4OV,CDxRI,MA4CM,mFC+OV,CD3RI,MA4CM,iFCkPV,CD9RI,MA4CM,iFCqPV,CDjSI,MA4CM,iFCwPV,CDpSI,OA4CM,mFC2PV,CDvSI,MA4CM,kFC8PV,CD1SI,MA4CM,qFCiQV,CD7SI,MA4CM,oFCoQV,CDhTI,MA4CM,mFCuQV,CDnTI,MA4CM,oFC0QV,CDtTI,MA4CM,kFC6QV,CDzTI,MA4CM,oFCgRV,CD5TI,MA4CM,kFCmRV,CD/TI,MA4CM,kFCsRV,CDlUI,MA4CM,kFCyRV,CDrUI,OA4CM,oFC4RV,CDxUI,MA4CM,gFC+RV,CD3UI,MA4CM,mFCkSV,CD9UI,MA4CM,kFCqSV,CDjVI,MA4CM,iFCwSV,CDpVI,MA4CM,kFC2SV,CDvVI,MA4CM,gFC8SV,CD1VI,MA4CM,kFCiTV,CD7VI,MA4CM,gFCoTV,CDhWI,MA4CM,gFCuTV,CDnWI,MA4CM,gFC0TV,CDtWI,OA4CM,kFC6TV,CDzWI,MA4CM,gFAAA,CAAA,iFCiUV,CD7WI,MA4CM,mFAAA,CAAA,oFCqUV,CDjXI,MA4CM,kFAAA,CAAA,mFCyUV,CDrXI,MA4CM,iFAAA,CAAA,kFC6UV,CDzXI,MA4CM,kFAAA,CAAA,mFCiVV,CD7XI,MA4CM,gFAAA,CAAA,iFCqVV,CDjYI,MA4CM,kFAAA,CAAA,mFCyVV,CDrYI,MA4CM,gFAAA,CAAA,iFC6VV,CDzYI,MA4CM,gFAAA,CAAA,iFCiWV,CD7YI,MA4CM,gFAAA,CAAA,iFCqWV,CDjZI,OA4CM,kFAAA,CAAA,mFCyWV,CDrZI,MA4CM,kFAAA,CAAA,+EC6WV,CDzZI,MA4CM,qFAAA,CAAA,kFCiXV,CD7ZI,MA4CM,oFAAA,CAAA,iFCqXV,CDjaI,MA4CM,mFAAA,CAAA,gFCyXV,CDraI,MA4CM,oFAAA,CAAA,iFC6XV,CDzaI,MA4CM,kFAAA,CAAA,+ECiYV,CD7aI,MA4CM,oFAAA,CAAA,iFCqYV,CDjbI,MA4CM,kFAAA,CAAA,+ECyYV,CDrbI,MA4CM,kFAAA,CAAA,+EC6YV,CDzbI,MA4CM,kFAAA,CAAA,+ECiZV,CD7bI,OA4CM,oFAAA,CAAA,iFCqZV,CDjcI,KA4CM,0ECwZV,CDpcI,KA4CM,6EC2ZV,CDvcI,KA4CM,4EC8ZV,CD1cI,KA4CM,2ECiaV,CD7cI,KA4CM,4ECoaV,CDhdI,KA4CM,0ECuaV,CDndI,KA4CM,4EC0aV,CDtdI,KA4CM,0EC6aV,CDzdI,KA4CM,0ECgbV,CD5dI,KA4CM,0ECmbV,CD/dI,MA4CM,4ECsbV,CDleI,MA4CM,8ECybV,CDreI,MA4CM,iFC4bV,CDxeI,MA4CM,gFC+bV,CD3eI,MA4CM,+ECkcV,CD9eI,MA4CM,gFCqcV,CDjfI,MA4CM,8ECwcV,CDpfI,MA4CM,gFC2cV,CDvfI,MA4CM,8EC8cV,CD1fI,MA4CM,8ECidV,CD7fI,MA4CM,8ECodV,CDhgBI,OA4CM,gFCudV,CDngBI,MA4CM,gFC0dV,CDtgBI,MA4CM,mFC6dV,CDzgBI,MA4CM,kFCgeV,CD5gBI,MA4CM,iFCmeV,CD/gBI,MA4CM,kFCseV,CDlhBI,MA4CM,gFCyeV,CDrhBI,MA4CM,kFC4eV,CDxhBI,MA4CM,gFC+eV,CD3hBI,MA4CM,gFCkfV,CD9hBI,MA4CM,gFCqfV,CDjiBI,OA4CM,kFCwfV,CDpiBI,MA4CM,iFC2fV,CDviBI,MA4CM,oFC8fV,CD1iBI,MA4CM,mFCigBV,CD7iBI,MA4CM,kFCogBV,CDhjBI,MA4CM,mFCugBV,CDnjBI,MA4CM,iFC0gBV,CDtjBI,MA4CM,mFC6gBV,CDzjBI,MA4CM,iFCghBV,CD5jBI,MA4CM,iFCmhBV,CD/jBI,MA4CM,iFCshBV,CDlkBI,OA4CM,mFCyhBV,CDrkBI,MA4CM,+EC4hBV,CDxkBI,MA4CM,kFC+hBV,CD3kBI,MA4CM,iFCkiBV,CD9kBI,MA4CM,gFCqiBV,CDjlBI,MA4CM,iFCwiBV,CDplBI,MA4CM,+EC2iBV,CDvlBI,MA4CM,iFC8iBV,CD1lBI,MA4CM,+ECijBV,CD7lBI,MA4CM,+ECojBV,CDhmBI,MA4CM,+ECujBV,CDnmBI,OA4CM,iFC0jBV,CDtmBI,MA4CM,+EAAA,CAAA,gFC8jBV,CD1mBI,MA4CM,kFAAA,CAAA,mFCkkBV,CD9mBI,MA4CM,iFAAA,CAAA,kFCskBV,CDlnBI,MA4CM,gFAAA,CAAA,iFC0kBV,CDtnBI,MA4CM,iFAAA,CAAA,kFC8kBV,CD1nBI,MA4CM,+EAAA,CAAA,gFCklBV,CD9nBI,MA4CM,iFAAA,CAAA,kFCslBV,CDloBI,MA4CM,+EAAA,CAAA,gFC0lBV,CDtoBI,MA4CM,+EAAA,CAAA,gFC8lBV,CD1oBI,MA4CM,+EAAA,CAAA,gFCkmBV,CD9oBI,OA4CM,iFAAA,CAAA,kFCsmBV,CDlpBI,MA4CM,iFAAA,CAAA,8EC0mBV,CDtpBI,MA4CM,oFAAA,CAAA,iFC8mBV,CD1pBI,MA4CM,mFAAA,CAAA,gFCknBV,CD9pBI,MA4CM,kFAAA,CAAA,+ECsnBV,CDlqBI,MA4CM,mFAAA,CAAA,gFC0nBV,CDtqBI,MA4CM,iFAAA,CAAA,8EC8nBV,CD1qBI,MA4CM,mFAAA,CAAA,gFCkoBV,CD9qBI,MA4CM,iFAAA,CAAA,8ECsoBV,CDlrBI,MA4CM,iFAAA,CAAA,8EC0oBV,CDtrBI,MA4CM,iFAAA,CAAA,8EC8oBV,CD1rBI,OA4CM,mFAAA,CAAA,gFCkpBV,CACF","file":"spacing.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.utilities{.text-xs{font-size:var(--graupl-font-xs,calc(var(--graupl-font-base, 1rem)*.694))!important}.text-sm{font-size:var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833))!important}.text-base{font-size:var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))!important}.text-lg{font-size:var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2))!important}.text-xl{font-size:var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44))!important}.text-2xl{font-size:var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728))!important}.text-3xl{font-size:var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074))!important}.text-4xl{font-size:var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488))!important}.text-5xl{font-size:var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986))!important}.text-paragraph{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))!important;font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-small{font-size:var(--graupl-small-font-size, )!important;font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))!important;margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-h1{font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986)))!important;font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h1-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h2{font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488)))!important;font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h2-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h3{font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074)))!important;font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h3-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h4{font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728)))!important;font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h4-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h5{font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44)))!important;font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h5-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h6{font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2)))!important;font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h6-margin,var(--graupl-heading-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.font-light{font-weight:var(--graupl-font-weight-light,300)!important}.font-normal{font-weight:var(--graupl-font-weight-normal,400)!important}.font-bold{font-weight:var(--graupl-font-weight-bold,700)!important}.font-italic{font-style:italic!important}.font-not-italic{font-style:normal!important}}
2
- /*# sourceMappingURL=typography.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/utilities/typography/_index.scss","typography.css"],"names":[],"mappings":"AASI,wBCAA,SACE,kFCNJ,CDKE,SACE,kFCHJ,CDEE,WACE,iFCAJ,CDDE,SACE,iFCGJ,CDJE,SACE,kFCMJ,CDPE,UACE,oFCSJ,CDVE,UACE,oFCYJ,CDbE,UACE,oFCeJ,CDhBE,UACE,oFCkBJ,CDdA,gBAEE,gJAAA,CACA,6HAAA,CACA,wHAAA,CAHA,iHCmBF,CDbA,YAEE,mDAAA,CACA,yHAAA,CACA,qFAAA,CAHA,6GCkBF,CDZA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICkBF,CDXA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICiBF,CDVA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICgBF,CDTA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICeF,CDRA,SAEE,8MAAA,CACA,6GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICcF,CDPA,SAEE,8MAAA,CACA,4GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,uICaF,CDJE,YACE,yDCMJ,CDPE,aACE,0DCSJ,CDVE,WACE,wDCYJ,CDPA,aACE,2BCSF,CDNA,iBACE,2BCQF,CACF","file":"typography.css"}
@@ -1,3 +0,0 @@
1
- // Graupl form base styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Link base styles.
2
-
3
- @forward "index";
@@ -1,10 +0,0 @@
1
- // Default values for Graupl.
2
- //
3
- // Generally, these should not be used directly when styling components.
4
- // They are mainly used to provide default fallbacks for custom properties
5
- // which can be found in the `variables.scss` file.
6
-
7
- $button-hover-transform: none !default;
8
- $button-hover-transform-reduced-motion: none !default;
9
- $button-active-transform: scale(0.95) !default;
10
- $button-active-transform-reduced-motion: scale(0.98) !default;
@@ -1,3 +0,0 @@
1
- // Graupl Button Component.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl Columns layout.
2
-
3
- @forward "index";