@graupl/graupl 1.0.0-alpha.6 → 1.0.0-alpha.7
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.
- package/CHANGELOG.md +32 -0
- package/dist/base/form.css.map +1 -0
- package/dist/base/link.css.map +1 -0
- package/dist/base/table.css +2 -0
- package/dist/base/table.css.map +1 -0
- package/dist/base.css +2 -0
- package/dist/base.css.map +1 -0
- package/dist/component/button.css +2 -0
- package/dist/component/button.css.map +1 -0
- package/dist/component/input-group.css +2 -0
- package/dist/component/input-group.css.map +1 -0
- package/dist/component/table.css +2 -0
- package/dist/component/table.css.map +1 -0
- package/dist/component.css +2 -0
- package/dist/component.css.map +1 -0
- package/dist/graupl.css +1 -1
- package/dist/graupl.css.map +1 -1
- package/dist/layout/{columns/columns.css → columns.css} +1 -1
- package/dist/layout/columns.css.map +1 -0
- package/dist/layout/container.css +2 -0
- package/dist/layout/container.css.map +1 -0
- package/dist/layout.css +2 -0
- package/dist/layout.css.map +1 -0
- package/dist/state/focus.css.map +1 -0
- package/dist/state.css +2 -0
- package/dist/state.css.map +1 -0
- package/dist/theme/color.css.map +1 -0
- package/dist/theme/typography.css +2 -0
- package/dist/theme/typography.css.map +1 -0
- package/dist/theme.css +2 -0
- package/dist/theme.css.map +1 -0
- package/dist/utilities/colors.css.map +1 -0
- package/dist/utilities/spacing.css +2 -0
- package/dist/utilities/spacing.css.map +1 -0
- package/dist/utilities/typography.css +2 -0
- package/dist/utilities/typography.css.map +1 -0
- package/dist/utilities.css +2 -0
- package/dist/utilities.css.map +1 -0
- package/docs/.vitepress/theme/custom.scss +1 -1
- package/index.html +327 -75
- package/package.json +32 -16
- package/scss/base/form.scss +3 -0
- package/scss/base/link.scss +3 -0
- package/scss/base/table.scss +3 -0
- package/scss/base.scss +3 -0
- package/scss/component/button.scss +3 -0
- package/scss/component/input-group.scss +3 -0
- package/scss/component/table.scss +3 -0
- package/scss/component.scss +3 -0
- package/scss/graupl.scss +1 -1
- package/scss/layout/columns.scss +3 -0
- package/scss/layout/container.scss +3 -0
- package/scss/layout.scss +3 -0
- package/scss/state/focus.scss +3 -0
- package/scss/state.scss +3 -0
- package/scss/theme/color.scss +3 -0
- package/scss/theme/typography.scss +3 -0
- package/scss/theme.scss +3 -0
- package/scss/utilities/colors.scss +3 -0
- package/scss/utilities/spacing.scss +3 -0
- package/scss/utilities/typography.scss +3 -0
- package/scss/utilities.scss +3 -0
- package/{scss → src/scss}/_defaults.scss +22 -1
- package/{scss → src/scss}/base/_index.scss +1 -0
- package/src/scss/base/table/_defaults.scss +8 -0
- package/src/scss/base/table/_index.scss +27 -0
- package/src/scss/base/table/_variables.scss +65 -0
- package/{scss → src/scss}/component/_index.scss +2 -0
- package/{scss → src/scss}/component/button/_index.scss +4 -0
- package/src/scss/component/input-group/_defaults.scss +23 -0
- package/src/scss/component/input-group/_index.scss +45 -0
- package/src/scss/component/input-group/_variables.scss +63 -0
- package/src/scss/component/table/_index.scss +106 -0
- package/src/scss/component/table/_variables.scss +64 -0
- package/{scss → src/scss}/functions/_theme.scss +8 -1
- package/{scss → src/scss}/layout/columns/_defaults.scss +1 -2
- package/{scss → src/scss}/layout/columns/_index.scss +2 -1
- package/src/scss/layout/container/_index.scss +36 -0
- package/{scss → src/scss}/layout/container/_variables.scss +16 -0
- package/src/scss/mixins/_media-queries.scss +43 -0
- package/{scss → src/scss}/theme/typography/_defaults.scss +14 -3
- package/{scss → src/scss}/theme/typography/_index.scss +1 -1
- package/{scss → src/scss}/theme/typography/_variables.scss +7 -4
- package/{scss → src/scss}/utilities/spacing/_defaults.scss +20 -1
- package/src/scss/utilities/typography/_defaults.scss +5 -0
- package/stylelint.config.js +2 -0
- package/dist/base/form/form.css.map +0 -1
- package/dist/base/link/link.css.map +0 -1
- package/dist/component/button/button.css +0 -2
- package/dist/component/button/button.css.map +0 -1
- package/dist/layout/columns/columns.css.map +0 -1
- package/dist/layout/container/container.css +0 -2
- package/dist/layout/container/container.css.map +0 -1
- package/dist/state/focus/focus.css.map +0 -1
- package/dist/theme/color/color.css.map +0 -1
- package/dist/theme/typography/typography.css +0 -2
- package/dist/theme/typography/typography.css.map +0 -1
- package/dist/utilities/colors/colors.css.map +0 -1
- package/dist/utilities/spacing/spacing.css +0 -2
- package/dist/utilities/spacing/spacing.css.map +0 -1
- package/dist/utilities/typography/typography.css +0 -2
- package/dist/utilities/typography/typography.css.map +0 -1
- package/scss/base/form/form.scss +0 -3
- package/scss/base/link/link.scss +0 -3
- package/scss/component/button/button.scss +0 -3
- package/scss/layout/columns/columns.scss +0 -3
- package/scss/layout/container/_index.scss +0 -54
- package/scss/layout/container/container.scss +0 -3
- package/scss/mixins/_media-queries.scss +0 -15
- package/scss/state/focus/focus.scss +0 -3
- package/scss/theme/color/color.scss +0 -3
- package/scss/theme/typography/typography.scss +0 -3
- package/scss/utilities/colors/colors.scss +0 -3
- package/scss/utilities/spacing/spacing.scss +0 -3
- package/scss/utilities/typography/typography.scss +0 -3
- /package/dist/base/{form/form.css → form.css} +0 -0
- /package/dist/base/{link/link.css → link.css} +0 -0
- /package/dist/state/{focus/focus.css → focus.css} +0 -0
- /package/dist/theme/{color/color.css → color.css} +0 -0
- /package/dist/utilities/{colors/colors.css → colors.css} +0 -0
- /package/{scss → src/scss}/_index.scss +0 -0
- /package/{scss → src/scss}/_init.scss +0 -0
- /package/{scss → src/scss}/_variables.scss +0 -0
- /package/{scss → src/scss}/base/form/_defaults.scss +0 -0
- /package/{scss → src/scss}/base/form/_index.scss +0 -0
- /package/{scss → src/scss}/base/form/_variables.scss +0 -0
- /package/{scss → src/scss}/base/link/_defaults.scss +0 -0
- /package/{scss → src/scss}/base/link/_index.scss +0 -0
- /package/{scss → src/scss}/base/link/_variables.scss +0 -0
- /package/{scss → src/scss}/component/button/_defaults.scss +0 -0
- /package/{scss → src/scss}/component/button/_variables.scss +0 -0
- /package/{scss/utilities/colors → src/scss/component/table}/_defaults.scss +0 -0
- /package/{scss → src/scss}/functions/_important.scss +0 -0
- /package/{scss → src/scss}/layout/_index.scss +0 -0
- /package/{scss → src/scss}/layout/columns/_variables.scss +0 -0
- /package/{scss → src/scss}/layout/container/_defaults.scss +0 -0
- /package/{scss → src/scss}/mixins/_layer.scss +0 -0
- /package/{scss → src/scss}/state/_index.scss +0 -0
- /package/{scss → src/scss}/state/focus/_defaults.scss +0 -0
- /package/{scss → src/scss}/state/focus/_index.scss +0 -0
- /package/{scss → src/scss}/state/focus/_variables.scss +0 -0
- /package/{scss → src/scss}/theme/_index.scss +0 -0
- /package/{scss → src/scss}/theme/color/_defaults.scss +0 -0
- /package/{scss → src/scss}/theme/color/_index.scss +0 -0
- /package/{scss → src/scss}/theme/color/_variables.scss +0 -0
- /package/{scss → src/scss}/utilities/_index.scss +0 -0
- /package/{scss/utilities/typography → src/scss/utilities/colors}/_defaults.scss +0 -0
- /package/{scss → src/scss}/utilities/colors/_index.scss +0 -0
- /package/{scss → src/scss}/utilities/colors/_variables.scss +0 -0
- /package/{scss → src/scss}/utilities/spacing/_index.scss +0 -0
- /package/{scss → src/scss}/utilities/spacing/_variables.scss +0 -0
- /package/{scss → src/scss}/utilities/typography/_index.scss +0 -0
- /package/{scss → src/scss}/utilities/typography/_variables.scss +0 -0
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
//
|
|
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
|
+
}
|
|
@@ -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
|
-
@
|
|
31
|
+
@include screen-under(sm) {
|
|
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
|
+
);
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// Media query mixins.
|
|
2
|
+
|
|
3
|
+
@use "../defaults" as root-defaults;
|
|
4
|
+
@use "sass:map";
|
|
5
|
+
|
|
6
|
+
// A media query for targetting users who have not requested reduced motion.
|
|
7
|
+
@mixin animation-on {
|
|
8
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
9
|
+
@content;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// A media query for targetting users who have requested reduced motion.
|
|
14
|
+
@mixin animation-off {
|
|
15
|
+
@media (prefers-reduced-motion: reduce) {
|
|
16
|
+
@content;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin screen($size) {
|
|
21
|
+
$screen-size: map.get(root-defaults.$screen-sizes, $size);
|
|
22
|
+
|
|
23
|
+
@media screen and (min-width: $screen-size) {
|
|
24
|
+
@content;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin screen-under($size) {
|
|
29
|
+
$screen-size: map.get(root-defaults.$screen-sizes, $size);
|
|
30
|
+
|
|
31
|
+
@media screen and (max-width: #{$screen-size - 1}) {
|
|
32
|
+
@content;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@mixin screen-between($min-size, $max-size) {
|
|
37
|
+
$min-screen-size: map.get(root-defaults.$screen-sizes, $min-size);
|
|
38
|
+
$max-screen-size: map.get(root-defaults.$screen-sizes, $max-size);
|
|
39
|
+
|
|
40
|
+
@media screen and (min-width: $min-screen-size) and (max-width: #{$max-screen-size - 1}) {
|
|
41
|
+
@content;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -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,
|
|
@@ -23,11 +25,20 @@ $font-size-multipliers: (
|
|
|
23
25
|
4xl: 2.488,
|
|
24
26
|
5xl: 2.986,
|
|
25
27
|
) !default;
|
|
26
|
-
$font-
|
|
28
|
+
$custom-font-size-multipliers: () !default;
|
|
29
|
+
$font-size-multipliers: map.merge(
|
|
30
|
+
$base-font-size-multipliers,
|
|
31
|
+
$custom-font-size-multipliers
|
|
32
|
+
) !default;
|
|
33
|
+
|
|
34
|
+
// Weights.
|
|
35
|
+
$base-font-weights: (
|
|
27
36
|
light: 300,
|
|
28
37
|
normal: 400,
|
|
29
38
|
bold: 700,
|
|
30
|
-
);
|
|
39
|
+
) !default;
|
|
40
|
+
$custom-font-weights: () !default;
|
|
41
|
+
$font-weights: map.merge($base-font-weights, $custom-font-weights) !default;
|
|
31
42
|
|
|
32
43
|
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
33
44
|
$root-font-family:
|
|
@@ -30,7 +30,7 @@ $font-weights: ();
|
|
|
30
30
|
$font-weights: map.set($font-weights, $key, $weight);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
$
|
|
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,
|
|
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
|
-
|
|
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
|
-
#{$
|
|
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
|
-
|
|
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,
|
|
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
|
+
) !default;
|
|
40
|
+
$custom-spacing-properties: () !default;
|
|
41
|
+
$spacing-properties: map.merge(
|
|
42
|
+
$base-spacing-properties,
|
|
43
|
+
$custom-spacing-properties
|
|
25
44
|
) !default;
|
package/stylelint.config.js
CHANGED
|
@@ -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"}
|
package/scss/base/form/form.scss
DELETED
package/scss/base/link/link.scss
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
// Graupl Container layout.
|
|
2
|
-
|
|
3
|
-
@use "variables" as *;
|
|
4
|
-
@use "../../mixins/layer" as *;
|
|
5
|
-
@use "../../defaults" as root-defaults;
|
|
6
|
-
|
|
7
|
-
@include layer(layout) {
|
|
8
|
-
.container,
|
|
9
|
-
.container > .full-width {
|
|
10
|
-
--#{root-defaults.$prefix}-container-full-width: minmax(
|
|
11
|
-
#{$container-gap},
|
|
12
|
-
1fr
|
|
13
|
-
);
|
|
14
|
-
--#{root-defaults.$prefix}-container-content: min(
|
|
15
|
-
#{$container-content-max-width},
|
|
16
|
-
calc(100% - #{$container-gap} * 2)
|
|
17
|
-
);
|
|
18
|
-
--#{root-defaults.$prefix}-container-breakout: minmax(
|
|
19
|
-
0,
|
|
20
|
-
#{$container-breakout-width}
|
|
21
|
-
);
|
|
22
|
-
--#{root-defaults.$prefix}-container-feature: minmax(
|
|
23
|
-
0,
|
|
24
|
-
#{$container-feature-width}
|
|
25
|
-
);
|
|
26
|
-
|
|
27
|
-
display: grid;
|
|
28
|
-
grid-template-columns:
|
|
29
|
-
[full-width-start] var(--#{root-defaults.$prefix}-container-full-width)
|
|
30
|
-
[feature-start] var(--#{root-defaults.$prefix}-container-feature)
|
|
31
|
-
[breakout-start] var(--#{root-defaults.$prefix}-container-breakout)
|
|
32
|
-
[content-start] var(--#{root-defaults.$prefix}-container-content)
|
|
33
|
-
[content-end]
|
|
34
|
-
var(--#{root-defaults.$prefix}-container-breakout) [breakout-end]
|
|
35
|
-
var(--#{root-defaults.$prefix}-container-feature) [feature-end]
|
|
36
|
-
var(--#{root-defaults.$prefix}-container-full-width) [full-width-end];
|
|
37
|
-
|
|
38
|
-
> :not(.breakout, .full-width, .feature) {
|
|
39
|
-
grid-column: content;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.breakout {
|
|
43
|
-
grid-column: breakout;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.feature {
|
|
47
|
-
grid-column: feature;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.full-width {
|
|
51
|
-
grid-column: full-width;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// Media query mixins.
|
|
2
|
-
|
|
3
|
-
// A media query for targetting users who have not requested reduced motion.
|
|
4
|
-
@mixin animation-on {
|
|
5
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
6
|
-
@content;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
// A media query for targetting users who have requested reduced motion.
|
|
11
|
-
@mixin animation-off {
|
|
12
|
-
@media (prefers-reduced-motion: reduce) {
|
|
13
|
-
@content;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|