Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat!: Merge ‘stack’ and ‘inside’ space categories and update components #1267

Merged
merged 27 commits into from
Jun 28, 2024
Merged

feat!: Merge ‘stack’ and ‘inside’ space categories and update components #1267

Show file tree
Hide file tree
Changes from 25 commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
4f8bb39
Fix typo in Grid Space value
VincentSmedinga Jun 5, 2024
852b5f0
Update values for Stack and Inside Space
VincentSmedinga Jun 5, 2024
89eae94
Merge stack and inside space
VincentSmedinga Jun 11, 2024
a245787
Specify static units before dynamic ones
VincentSmedinga Jun 18, 2024
97e837e
Make paddings, margins and gaps consistent everywhere
VincentSmedinga Jun 18, 2024
7d55e33
Add space between Alert Heading and Body
VincentSmedinga Jun 18, 2024
ddb9ecf
Remove font fallback
VincentSmedinga Jun 18, 2024
0c10e72
Add token for gap between Tab List and Panel
VincentSmedinga Jun 18, 2024
c3b9f02
Fix JSON indentation
VincentSmedinga Jun 18, 2024
d531d88
Use Grid Space for vertical padding of Header
VincentSmedinga Jun 18, 2024
4316125
Randomize texts for Accordion Headings
VincentSmedinga Jun 18, 2024
d9d9452
Make explicit that wrapping button labels are fine
VincentSmedinga Jun 18, 2024
23ba973
Replace some local lengths with tokens
VincentSmedinga Jun 19, 2024
9692ec5
Merge branch 'develop' into feature/DES-727-spacious-space-tokens
VincentSmedinga Jun 21, 2024
640eb54
Fix spacious token docs, remove compact for now
VincentSmedinga Jun 21, 2024
92ddabe
Improve token name for card heading group
VincentSmedinga Jun 23, 2024
e8faf03
Fix function name
VincentSmedinga Jun 23, 2024
527cf61
Force Spacious Mode for website examples
VincentSmedinga Jun 24, 2024
be46ab6
Merge branch 'develop' into feature/DES-727-spacious-space-tokens
RubenSibon Jun 26, 2024
4f2c328
Merge branch 'develop' into feature/DES-727-spacious-space-tokens
VincentSmedinga Jun 27, 2024
dd0c871
Apply suggestions from code review
VincentSmedinga Jun 27, 2024
5400b93
Set vertical padding in Alert to medium
VincentSmedinga Jun 28, 2024
9912dbb
Use component space for Header padding
VincentSmedinga Jun 28, 2024
0d18c3b
Use small and medium padding in button-like components
VincentSmedinga Jun 28, 2024
7af86c2
Adhere to editorial guide when writing numbers
VincentSmedinga Jun 28, 2024
88dd0d5
Apply suggestions from code review
VincentSmedinga Jun 28, 2024
ed3aaa9
Merge branch 'develop' into feature/DES-727-spacious-space-tokens
VincentSmedinga Jun 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions packages/css/src/components/alert/alert.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,10 @@
}

.ams-alert__content {
display: flex;
flex: auto;
flex-direction: column;
gap: var(--ams-alert-content-gap);
}

.ams-alert--error {
Expand Down
8 changes: 4 additions & 4 deletions packages/css/src/components/breadcrumb/breadcrumb.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
}

.ams-breadcrumb {
font-family: var(--ams-breadcrumb-font-family, inherit);
font-family: var(--ams-breadcrumb-font-family);
font-size: var(--ams-breadcrumb-font-size);
font-weight: var(--ams-breadcrumb-font-weight);
line-height: var(--ams-breadcrumb-line-height);
Expand All @@ -33,11 +33,11 @@
.ams-breadcrumb__item:not(:last-child)::after {
background-image: var(--ams-breadcrumb-separator-background-image);
background-repeat: no-repeat;
block-size: 1ex;
block-size: var(--ams-breadcrumb-separator-block-size);
content: "";
display: inline-block;
inline-size: 1ex;
margin-inline: 0.5rem;
inline-size: var(--ams-breadcrumb-separator-inline-size);
margin-inline: var(--ams-breadcrumb-separator-margin-inline);
}

.ams-breadcrumb__link {
Expand Down
4 changes: 2 additions & 2 deletions packages/css/src/components/card/card.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

.ams-card {
display: grid;
gap: 0.5rem;
gap: var(--ams-card-gap);
outline-offset: var(--ams-card-outline-offset);
position: relative;
touch-action: manipulation;
Expand Down Expand Up @@ -40,7 +40,7 @@
.ams-card__heading-group {
display: flex;
flex-direction: column-reverse;
gap: 0.5rem;
gap: var(--ams-card-heading-group-gap);
}

.ams-card__link {
Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/checkbox/checkbox.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
font-family: var(--ams-checkbox-font-family);
font-size: var(--ams-checkbox-font-size);
font-weight: var(--ams-checkbox-font-weight);
gap: 0.5rem;
gap: var(--ams-checkbox-gap);
line-height: var(--ams-checkbox-line-height);
outline-offset: var(--ams-checkbox-outline-offset);

Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/dialog/dialog.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@

.ams-dialog__article {
display: grid;
gap: 1.5rem; /* Until we have a consistent way of spacing text elements */
gap: var(--ams-space-md); /* Until we have a consistent way of spacing text elements */
max-block-size: 100%; /* safari */
overflow-y: auto;
overscroll-behavior-y: contain;
Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/file-input/file-input.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
font-weight: var(--ams-file-input-font-weight);
line-height: var(--ams-file-input-line-height);
max-inline-size: calc(100% - var(--ams-file-input-padding-inline) * 2);
outline-offset: 0.25rem; // Double the default focus outline offset to compensate for the dashed border
outline-offset: calc(var(--ams-focus-outline-offset) * 2); // Compensate for the dashed border
padding-block: var(--ams-file-input-padding-block);
padding-inline: var(--ams-file-input-padding-inline);
touch-action: manipulation;
Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/pagination/pagination.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@

cursor: pointer;
display: flex;
gap: 0.5rem;
gap: var(--ams-pagination-button-gap);
outline-offset: var(--ams-pagination-button-outline-offset);
padding-inline: var(--ams-pagination-button-padding-inline);
text-decoration-line: var(--ams-pagination-button-text-decoration-line);
Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/radio/radio.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
font-family: var(--ams-radio-font-family);
font-size: var(--ams-radio-font-size);
font-weight: var(--ams-radio-font-weight);
gap: 0.5rem;
gap: var(--ams-radio-gap);
line-height: var(--ams-radio-line-height);
outline-offset: var(--ams-radio-outline-offset);

Expand Down
5 changes: 5 additions & 0 deletions packages/css/src/components/tabs/tabs.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,11 @@
border: 0;
}

.ams-tabs {
display: grid;
gap: var(--ams-tabs-gap);
}

.ams-tabs__list {
background-color: var(--ams-tabs-list-background-color);
border-block-end: var(--ams-tabs-list-border-block-end);
Expand Down
2 changes: 1 addition & 1 deletion packages/css/src/components/top-task-link/top-task-link.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
break-inside: avoid;
display: flex;
flex-direction: column;
gap: 0.5rem;
gap: var(--ams-top-task-link-gap);
outline-offset: var(--ams-top-task-link-outline-offset);
text-decoration: none;
}
Expand Down
29 changes: 10 additions & 19 deletions proprietary/tokens/src/brand/ams/space.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,20 @@
{
"ams": {
"space": {
"xs": { "value": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)" },
"sm": { "value": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)" },
"md": { "value": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)" },
"lg": { "value": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)" },
"xl": { "value": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)" },
"grid": {
"xs": { "value": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)" },
"sm": { "value": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)" },
"xs": { "value": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)" },
"sm": { "value": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)" },
"md": {
"value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
"value": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
"comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
},
"lg": { "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)" },
"xl": { "value": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)" }
},
"inside": {
"xs": { "value": ".5rem" },
"sm": { "value": ".75rem" },
"md": { "value": "1rem" },
"lg": { "value": "1.5rem" },
"xl": { "value": "2rem" }
},
"stack": {
"xs": { "value": ".5rem" },
"sm": { "value": ".75rem" },
"md": { "value": "1rem" },
"lg": { "value": "1.5rem" },
"xl": { "value": "2rem" }
"lg": { "value": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)" },
"xl": { "value": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)" }
}
}
}
Expand Down
14 changes: 7 additions & 7 deletions proprietary/tokens/src/brand/ams/text.compact.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,25 +3,25 @@
"text": {
"level": {
"0": {
"font-size": { "value": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)" }
"font-size": { "value": "clamp(1.891rem, calc(1.506rem + 1.927vw), 3.433rem)" }
alimpens marked this conversation as resolved.
Show resolved Hide resolved
},
"1": {
"font-size": { "value": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)" }
"font-size": { "value": "clamp(1.621rem, calc(1.34rem + 1.408vw), 2.747rem)" }
},
"2": {
"font-size": { "value": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)" }
"font-size": { "value": "clamp(1.389rem, calc(1.187rem + 1.01vw), 2.197rem)" }
},
"3": {
"font-size": { "value": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)" }
"font-size": { "value": "clamp(1.191rem, calc(1.049rem + 0.709vw), 1.758rem)" }
},
"4": {
"font-size": { "value": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)" }
"font-size": { "value": "clamp(1.021rem, calc(0.925rem + 0.481vw), 1.406rem)" }
},
"5": {
"font-size": { "value": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)" }
"font-size": { "value": "clamp(0.875rem, calc(0.813rem + 0.313vw), 1.125rem)" }
},
"6": {
"font-size": { "value": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)" }
"font-size": { "value": "clamp(0.75rem, calc(0.713rem + 0.188vw), 0.9rem)" }
}
}
}
Expand Down
14 changes: 7 additions & 7 deletions proprietary/tokens/src/brand/ams/text.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,31 +8,31 @@
},
"level": {
"0": {
"font-size": { "value": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)" },
"font-size": { "value": "clamp(2.432rem, calc(1.895rem + 2.683vw), 4.578rem)" },
"line-height": { "value": "1.15" }
},
"1": {
"font-size": { "value": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)" },
"font-size": { "value": "clamp(2.084rem, calc(1.69rem + 1.973vw), 3.662rem)" },
"line-height": { "value": "1.2" }
},
"2": {
"font-size": { "value": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)" },
"font-size": { "value": "clamp(1.786rem, calc(1.5rem + 1.43vw), 2.93rem)" },
"line-height": { "value": "1.25" }
},
"3": {
"font-size": { "value": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)" },
"font-size": { "value": "clamp(1.531rem, calc(1.328rem + 1.016vw), 2.344rem)" },
"line-height": { "value": "1.3" }
},
"4": {
"font-size": { "value": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)" },
"font-size": { "value": "clamp(1.313rem, calc(1.173rem + 0.703vw), 1.875rem)" },
"line-height": { "value": "1.5" }
},
"5": {
"font-size": { "value": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)" },
"font-size": { "value": "clamp(1.125rem, calc(1.031rem + 0.469vw), 1.5rem)" },
"line-height": { "value": "1.6" }
},
"6": {
"font-size": { "value": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)" },
"font-size": { "value": "clamp(0.964rem, calc(0.905rem + 0.295vw), 1.2rem)" },
"line-height": { "value": "1.6" }
}
}
Expand Down
8 changes: 4 additions & 4 deletions proprietary/tokens/src/components/ams/accordion.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
{
"ams": {
"accordion": {
"gap": { "value": "{ams.space.inside.xs}" },
"gap": { "value": "{ams.space.md}" },
"button": {
"color": { "value": "{ams.color.primary-blue}" },
"font-family": { "value": "{ams.text.font-family}" },
"font-size": { "value": "{ams.text.level.5.font-size}" },
"font-weight": { "value": "{ams.text.font-weight.bold}" },
"gap": { "value": "{ams.space.inside.md}" },
"gap": { "value": "{ams.space.sm}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"padding-block": { "value": "{ams.space.inside.sm}" },
"padding-block": { "value": "{ams.space.sm}" },
"padding-inline": { "value": "0" },
"focus": {
"outline-offset": { "value": "{ams.focus.outline-offset}" }
Expand All @@ -19,7 +19,7 @@
}
},
"panel": {
"padding-block": { "value": "0 {ams.space.inside.md}" },
"padding-block": { "value": "0" },
alimpens marked this conversation as resolved.
Show resolved Hide resolved
"padding-inline": { "value": "0" }
}
}
Expand Down
9 changes: 6 additions & 3 deletions proprietary/tokens/src/components/ams/alert.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
"alert": {
"border-width": { "value": "{ams.border.width.xl}" },
"border-style": { "value": "solid" },
"gap": { "value": "1rem" },
"padding-block": { "value": "{ams.space.inside.md}" },
"padding-inline": { "value": "{ams.space.inside.lg}" },
"gap": { "value": "{ams.space.sm}" },
"padding-block": { "value": "{ams.space.md}" },
"padding-inline": { "value": "{ams.space.lg}" },
"error": {
"border-color": { "value": "{ams.color.primary-red}" }
},
Expand All @@ -23,6 +23,9 @@
"hover": {
"fill": { "value": "{ams.color.primary-blue}" }
}
},
"content": {
"gap": { "value": "{ams.space.sm}" }
}
}
}
Expand Down
4 changes: 2 additions & 2 deletions proprietary/tokens/src/components/ams/avatar.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
"font-size": { "value": "{ams.text.level.6.font-size}" },
"font-weight": { "value": "{ams.text.font-weight.normal}" },
"line-height": { "value": "{ams.text.level.6.line-height}" },
"padding-block": { "value": "0.25rem" },
"padding-inline": { "value": "0.25rem" },
"padding-block": { "value": "{ams.space.xs}" },
"padding-inline": { "value": "{ams.space.xs}" },
"black": {
"background-color": { "value": "{ams.color.primary-black}" },
"color": { "value": "{ams.color.primary-white}" }
Expand Down
2 changes: 1 addition & 1 deletion proprietary/tokens/src/components/ams/badge.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
"font-size": { "value": "{ams.text.level.5.font-size}" },
"font-weight": { "value": "{ams.text.font-weight.bold}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"padding-inline": { "value": "{ams.space.inside.xs}" },
"padding-inline": { "value": "{ams.space.xs}" },
"black": {
"background-color": { "value": "{ams.color.primary-black}" },
"color": { "value": "{ams.color.primary-white}" }
Expand Down
5 changes: 4 additions & 1 deletion proprietary/tokens/src/components/ams/breadcrumb.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,10 @@
"separator": {
"background-image": {
"value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")"
}
},
"block-size": { "value": "1ex" },
"inline-size": { "value": "1ex" },
"margin-inline": { "value": "{ams.space.xs}" }
},
"link": {
"color": { "value": "{ams.link-appearance.color}" },
Expand Down
6 changes: 3 additions & 3 deletions proprietary/tokens/src/components/ams/button.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@
"font-family": { "value": "{ams.text.font-family}" },
"font-size": { "value": "{ams.text.level.5.font-size}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"gap": { "value": "1rem" },
"padding-block": { "value": "{ams.space.inside.xs}" },
"padding-inline": { "value": "{ams.space.inside.md}" },
"gap": { "value": "{ams.space.sm}" },
"outline-offset": { "value": "{ams.focus.outline-offset}" },
"padding-block": { "value": "{ams.space.sm}" },
"padding-inline": { "value": "{ams.space.md}" },
"disabled": {
"cursor": { "value": "{ams.action.disabled.cursor}" }
},
Expand Down
4 changes: 4 additions & 0 deletions proprietary/tokens/src/components/ams/card.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
{
"ams": {
"card": {
"gap": { "value": "{ams.space.sm}" },
"heading-group": {
"gap": { "value": "{ams.space.sm}" }
},
"link": {
"color": { "value": "{ams.link-appearance.color}" },
"text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
Expand Down
1 change: 1 addition & 0 deletions proprietary/tokens/src/components/ams/checkbox.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
"font-family": { "value": "{ams.text.font-family}" },
"font-size": { "value": "{ams.text.level.5.font-size}" },
"font-weight": { "value": "{ams.text.font-weight.normal}" },
"gap": { "value": "{ams.space.sm}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"outline-offset": { "value": "{ams.focus.outline-offset}" },
"checkmark": {
Expand Down
4 changes: 2 additions & 2 deletions proprietary/tokens/src/components/ams/date-input.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
"font-weight": { "value": "{ams.text.font-weight.normal}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"outline-offset": { "value": "{ams.focus.outline-offset}" },
"padding-block": { "value": "{ams.space.inside.xs}" },
"padding-inline": { "value": "{ams.space.inside.lg}" },
"padding-block": { "value": "{ams.space.sm}" },
"padding-inline": { "value": "{ams.space.md}" },
"calender-picker-indicator": {
"background-image": {
"value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
Expand Down
6 changes: 3 additions & 3 deletions proprietary/tokens/src/components/ams/description-list.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@
"font-family": { "value": "{ams.text.font-family}" },
"font-size": { "value": "{ams.text.level.5.font-size}" },
"font-weight": { "value": "{ams.text.font-weight.normal}" },
"gap": { "value": "{ams.space.stack.md}" },
"gap": { "value": "{ams.space.sm}" },
"inverse-color": { "value": "{ams.color.primary-white}" },
"line-height": { "value": "{ams.text.level.5.line-height}" },
"row": {
"gap": { "value": "{ams.space.stack.md}" }
"gap": { "value": "{ams.space.sm}" }
},
"details": {
"font-weight": { "value": "{ams.text.font-weight.bold}" },
"padding-inline-start": { "value": "{ams.space.inside.xl}" }
"padding-inline-start": { "value": "{ams.space.lg}" }
}
}
}
Expand Down
10 changes: 5 additions & 5 deletions proprietary/tokens/src/components/ams/dialog.tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@
"border": { "value": "0" },
"max-inline-size": { "value": "min(87.69vw, 45rem)" },
alimpens marked this conversation as resolved.
Show resolved Hide resolved
"form": {
"gap": { "value": "1.5rem" },
"padding-block": { "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)" },
"padding-inline": { "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)" },
"gap": { "value": "{ams.space.md}" },
"padding-block": { "value": "{ams.space.grid.md}" },
"padding-inline": { "value": "{ams.space.grid.lg}" },
"max-block-size": { "value": "75vh" }
},
"header": {
"gap": { "value": "1rem" }
"gap": { "value": "{ams.space.md}" }
},
"footer": {
"gap": { "value": "1rem" }
"gap": { "value": "{ams.space.md}" }
}
}
}
Expand Down
Loading