@amsterdam/design-system-tokens 0.2.0 → 0.3.0
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 +22 -0
- package/dist/_variables.scss +136 -89
- package/dist/index.css +136 -89
- package/dist/index.d.ts +65 -18
- package/dist/index.js +116 -69
- package/dist/index.json +115 -68
- package/dist/index.tokens.json +177 -86
- package/dist/root.css +136 -89
- package/dist/tokens.d.ts +135 -44
- package/dist/tokens.js +2147 -1124
- package/dist/variables.less +136 -89
- package/package.json +3 -3
- package/src/brand/amsterdam/typography.tokens.json +10 -18
- package/src/common/amsterdam/border.tokens.json +3 -9
- package/src/common/amsterdam/spacing.tokens.json +4 -12
- package/src/components/amsterdam/accordion.tokens.json +1 -3
- package/src/components/amsterdam/breadcrumb.tokens.json +7 -5
- package/src/components/amsterdam/button.tokens.json +9 -19
- package/src/components/amsterdam/checkbox.tokens.json +24 -64
- package/src/components/amsterdam/form-label.tokens.json +4 -4
- package/src/components/amsterdam/grid.tokens.json +3 -9
- package/src/components/amsterdam/header.tokens.json +7 -0
- package/src/components/amsterdam/heading.tokens.json +24 -24
- package/src/components/amsterdam/icon.tokens.json +0 -8
- package/src/components/amsterdam/link.tokens.json +13 -23
- package/src/components/amsterdam/mark.tokens.json +7 -0
- package/src/components/amsterdam/ordered-list.tokens.json +4 -4
- package/src/components/amsterdam/page-heading.tokens.json +4 -12
- package/src/components/amsterdam/page-menu.tokens.json +4 -4
- package/src/components/amsterdam/pagination.tokens.json +4 -4
- package/src/components/amsterdam/paragraph.tokens.json +10 -10
- package/src/components/amsterdam/search-field.tokens.json +47 -0
- package/src/components/amsterdam/skip-link.tokens.json +20 -0
- package/src/components/amsterdam/spotlight.tokens.json +30 -0
- package/src/components/amsterdam/switch.tokens.json +10 -30
- package/src/components/amsterdam/text-input.tokens.json +36 -0
- package/src/components/amsterdam/top-task-link.tokens.json +4 -4
- package/src/components/amsterdam/unordered-list.tokens.json +4 -4
- package/src/components/utrecht/button.tokens.json +24 -72
- package/src/components/amsterdam/highlight.tokens.json +0 -46
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.3.0](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-tokens@0.2.0...@amsterdam/design-system-tokens@0.3.0) (2023-12-22)
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* Rename ‘Highlight’ component to ‘Spotlight’ (#929)
|
|
11
|
+
* Update line heights and text levels (#898)
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* Add Header Component ([#807](https://github.com/Amsterdam/design-system/issues/807)) ([34abcd0](https://github.com/Amsterdam/design-system/commit/34abcd07a849fda94fd46bf995b540e20928c2bf))
|
|
16
|
+
* Add Search Field component ([#892](https://github.com/Amsterdam/design-system/issues/892)) ([dd1a437](https://github.com/Amsterdam/design-system/commit/dd1a437d46c4ac7d43d64f7c1acadecc377e7928))
|
|
17
|
+
* Add Skip link component ([#988](https://github.com/Amsterdam/design-system/issues/988)) ([82323b5](https://github.com/Amsterdam/design-system/commit/82323b594c7fba99819cf6873227ca3dcd084315))
|
|
18
|
+
* Add text input component ([#912](https://github.com/Amsterdam/design-system/issues/912)) ([d4401cc](https://github.com/Amsterdam/design-system/commit/d4401ccf9d41d5c8a48ec32d63cdaabec549d5f2))
|
|
19
|
+
* Introduce ‘Mark’ component ([#933](https://github.com/Amsterdam/design-system/issues/933)) ([d399454](https://github.com/Amsterdam/design-system/commit/d399454ed729a595cab902c83e54d61e3c2aaf71))
|
|
20
|
+
* Rename ‘Highlight’ component to ‘Spotlight’ ([#929](https://github.com/Amsterdam/design-system/issues/929)) ([9993d8d](https://github.com/Amsterdam/design-system/commit/9993d8dd4ff17ec5e686295d711cc7688f7ce28c))
|
|
21
|
+
* Update line heights and text levels ([#898](https://github.com/Amsterdam/design-system/issues/898)) ([82356bb](https://github.com/Amsterdam/design-system/commit/82356bbf11c389c0f29146ca5f715d5b7459a634))
|
|
22
|
+
|
|
23
|
+
### Bug Fixes
|
|
24
|
+
|
|
25
|
+
* Adjust size of breadcrumb separator and allow natural text wrapping ([#913](https://github.com/Amsterdam/design-system/issues/913)) ([caba940](https://github.com/Amsterdam/design-system/commit/caba94024c5aedf9092a5afbbf625d921fd124b5))
|
|
26
|
+
* Change tertiary button hover border color ([#989](https://github.com/Amsterdam/design-system/issues/989)) ([f4ec6e7](https://github.com/Amsterdam/design-system/commit/f4ec6e7461420c7606441a35caacc9ee10d146eb))
|
|
27
|
+
|
|
6
28
|
## [0.2.0](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-tokens@0.1.8...@amsterdam/design-system-tokens@0.2.0) (2023-12-01)
|
|
7
29
|
|
|
8
30
|
### ⚠ BREAKING CHANGES
|
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Fri,
|
|
3
|
+
// Generated on Fri, 22 Dec 2023 12:50:01 GMT
|
|
4
4
|
|
|
5
5
|
$utrecht-button-subtle-disabled-background-color: transparent;
|
|
6
6
|
$utrecht-button-subtle-background-color: transparent;
|
|
@@ -21,6 +21,7 @@ $amsterdam-unordered-list-gap: 0.75rem;
|
|
|
21
21
|
$amsterdam-switch-thumb-height: 1.75rem;
|
|
22
22
|
$amsterdam-switch-thumb-width: 1.75rem;
|
|
23
23
|
$amsterdam-switch-width: 3.5rem;
|
|
24
|
+
$amsterdam-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>");
|
|
24
25
|
$amsterdam-screen-x-wide-max-width: 132rem;
|
|
25
26
|
$amsterdam-screen-wide-max-width: 100rem;
|
|
26
27
|
$amsterdam-page-menu-item-gap: 0.5rem;
|
|
@@ -33,6 +34,7 @@ $amsterdam-ordered-list-item-padding-inline-start: 0.25rem; // The total level 1
|
|
|
33
34
|
$amsterdam-ordered-list-item-margin-inline-start: 2.25rem; // Divide your total indentation width over margin and padding to position the marker.
|
|
34
35
|
$amsterdam-ordered-list-list-style-type: decimal;
|
|
35
36
|
$amsterdam-ordered-list-gap: 0.75rem;
|
|
37
|
+
$amsterdam-mark-background-color: var(--amsterdam-color-yellow);
|
|
36
38
|
$amsterdam-logo-height: 2.5rem;
|
|
37
39
|
$amsterdam-link-in-list-gap: 0.5em;
|
|
38
40
|
$amsterdam-link-inline-line-height: inherit;
|
|
@@ -57,6 +59,7 @@ $amsterdam-dialog-close-background-color: transparent;
|
|
|
57
59
|
$amsterdam-dialog-backdrop-background: #0006;
|
|
58
60
|
$amsterdam-dialog-max-inline-size: min(87.69vw, 45rem);
|
|
59
61
|
$amsterdam-dialog-border: 0;
|
|
62
|
+
$amsterdam-breadcrumb-separator-background-image: 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>");
|
|
60
63
|
$amsterdam-alert-close-background-color: transparent;
|
|
61
64
|
$amsterdam-alert-gap: 1rem;
|
|
62
65
|
$amsterdam-spacing-inset-xl: 2.5rem;
|
|
@@ -74,37 +77,33 @@ $amsterdam-focus-outline-offset: 2px;
|
|
|
74
77
|
$amsterdam-border-width-lg: 3px;
|
|
75
78
|
$amsterdam-border-width-md: 2px;
|
|
76
79
|
$amsterdam-border-width-sm: 1px;
|
|
77
|
-
$amsterdam-typography-compact-text-level-7-line-height: 1.6;
|
|
78
|
-
$amsterdam-typography-compact-text-level-7-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
|
|
79
80
|
$amsterdam-typography-compact-text-level-6-line-height: 1.6;
|
|
80
|
-
$amsterdam-typography-compact-text-level-6-font-size: clamp(0.
|
|
81
|
-
$amsterdam-typography-compact-text-level-5-line-height: 1.
|
|
82
|
-
$amsterdam-typography-compact-text-level-5-font-size: clamp(
|
|
83
|
-
$amsterdam-typography-compact-text-level-4-line-height: 1.
|
|
81
|
+
$amsterdam-typography-compact-text-level-6-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
|
|
82
|
+
$amsterdam-typography-compact-text-level-5-line-height: 1.6;
|
|
83
|
+
$amsterdam-typography-compact-text-level-5-font-size: clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem);
|
|
84
|
+
$amsterdam-typography-compact-text-level-4-line-height: 1.5;
|
|
84
85
|
$amsterdam-typography-compact-text-level-4-font-size: clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem);
|
|
85
|
-
$amsterdam-typography-compact-text-level-3-line-height: 1.
|
|
86
|
+
$amsterdam-typography-compact-text-level-3-line-height: 1.3;
|
|
86
87
|
$amsterdam-typography-compact-text-level-3-font-size: clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem);
|
|
87
|
-
$amsterdam-typography-compact-text-level-2-line-height: 1.
|
|
88
|
+
$amsterdam-typography-compact-text-level-2-line-height: 1.25;
|
|
88
89
|
$amsterdam-typography-compact-text-level-2-font-size: clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem);
|
|
89
90
|
$amsterdam-typography-compact-text-level-1-line-height: 1.2;
|
|
90
91
|
$amsterdam-typography-compact-text-level-1-font-size: clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem);
|
|
91
|
-
$amsterdam-typography-compact-text-level-0-line-height: 1.
|
|
92
|
+
$amsterdam-typography-compact-text-level-0-line-height: 1.15;
|
|
92
93
|
$amsterdam-typography-compact-text-level-0-font-size: clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem);
|
|
93
|
-
$amsterdam-typography-spacious-text-level-7-line-height: 1.6;
|
|
94
|
-
$amsterdam-typography-spacious-text-level-7-font-size: clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem);
|
|
95
94
|
$amsterdam-typography-spacious-text-level-6-line-height: 1.6;
|
|
96
|
-
$amsterdam-typography-spacious-text-level-6-font-size: clamp(
|
|
97
|
-
$amsterdam-typography-spacious-text-level-5-line-height: 1.
|
|
98
|
-
$amsterdam-typography-spacious-text-level-5-font-size: clamp(1.
|
|
99
|
-
$amsterdam-typography-spacious-text-level-4-line-height: 1.
|
|
95
|
+
$amsterdam-typography-spacious-text-level-6-font-size: clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem);
|
|
96
|
+
$amsterdam-typography-spacious-text-level-5-line-height: 1.6;
|
|
97
|
+
$amsterdam-typography-spacious-text-level-5-font-size: clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem);
|
|
98
|
+
$amsterdam-typography-spacious-text-level-4-line-height: 1.5;
|
|
100
99
|
$amsterdam-typography-spacious-text-level-4-font-size: clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem);
|
|
101
|
-
$amsterdam-typography-spacious-text-level-3-line-height: 1.
|
|
100
|
+
$amsterdam-typography-spacious-text-level-3-line-height: 1.3;
|
|
102
101
|
$amsterdam-typography-spacious-text-level-3-font-size: clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem);
|
|
103
|
-
$amsterdam-typography-spacious-text-level-2-line-height: 1.
|
|
102
|
+
$amsterdam-typography-spacious-text-level-2-line-height: 1.25;
|
|
104
103
|
$amsterdam-typography-spacious-text-level-2-font-size: clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem);
|
|
105
104
|
$amsterdam-typography-spacious-text-level-1-line-height: 1.2;
|
|
106
105
|
$amsterdam-typography-spacious-text-level-1-font-size: clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem);
|
|
107
|
-
$amsterdam-typography-spacious-text-level-0-line-height: 1.
|
|
106
|
+
$amsterdam-typography-spacious-text-level-0-line-height: 1.15;
|
|
108
107
|
$amsterdam-typography-spacious-text-level-0-font-size: clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem);
|
|
109
108
|
$amsterdam-typography-font-weight-bold: 800;
|
|
110
109
|
$amsterdam-typography-font-weight-normal: 400;
|
|
@@ -153,10 +152,10 @@ $utrecht-button-padding-inline-start: $amsterdam-spacing-inset-md;
|
|
|
153
152
|
$utrecht-button-font-family: $amsterdam-typography-font-family;
|
|
154
153
|
$utrecht-button-color: $amsterdam-color-primary-white;
|
|
155
154
|
$utrecht-button-background-color: $amsterdam-color-primary-blue;
|
|
156
|
-
$amsterdam-unordered-list-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
157
|
-
$amsterdam-unordered-list-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
158
|
-
$amsterdam-unordered-list-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
159
|
-
$amsterdam-unordered-list-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
155
|
+
$amsterdam-unordered-list-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
156
|
+
$amsterdam-unordered-list-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
157
|
+
$amsterdam-unordered-list-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
158
|
+
$amsterdam-unordered-list-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
160
159
|
$amsterdam-unordered-list-font-weight: $amsterdam-typography-font-weight-normal;
|
|
161
160
|
$amsterdam-unordered-list-font-family: $amsterdam-typography-font-family;
|
|
162
161
|
$amsterdam-unordered-list-color: $amsterdam-color-primary-black;
|
|
@@ -172,13 +171,29 @@ $amsterdam-top-task-link-label-text-decoration-thickness: $amsterdam-link-appear
|
|
|
172
171
|
$amsterdam-top-task-link-label-text-decoration-line: $amsterdam-link-appearance-subtle-text-decoration-line;
|
|
173
172
|
$amsterdam-top-task-link-label-font-weight: $amsterdam-typography-font-weight-bold;
|
|
174
173
|
$amsterdam-top-task-link-label-font-family: $amsterdam-typography-font-family;
|
|
175
|
-
$amsterdam-top-task-link-description-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
176
|
-
$amsterdam-top-task-link-description-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
177
|
-
$amsterdam-top-task-link-description-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
178
|
-
$amsterdam-top-task-link-description-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
174
|
+
$amsterdam-top-task-link-description-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
175
|
+
$amsterdam-top-task-link-description-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
176
|
+
$amsterdam-top-task-link-description-spacious-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
177
|
+
$amsterdam-top-task-link-description-spacious-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
179
178
|
$amsterdam-top-task-link-description-font-weight: $amsterdam-typography-font-weight-normal;
|
|
180
179
|
$amsterdam-top-task-link-description-font-family: $amsterdam-typography-font-family;
|
|
181
180
|
$amsterdam-top-task-link-description-color: $amsterdam-color-primary-black;
|
|
181
|
+
$amsterdam-text-input-spacious-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
182
|
+
$amsterdam-text-input-spacious-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
183
|
+
$amsterdam-text-input-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
184
|
+
$amsterdam-text-input-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
185
|
+
$amsterdam-text-input-placeholder-color: $amsterdam-color-neutral-grey3;
|
|
186
|
+
$amsterdam-text-input-invalid-hover-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-red;
|
|
187
|
+
$amsterdam-text-input-invalid-box-shadow: inset 0 0 0 1px $amsterdam-color-primary-red;
|
|
188
|
+
$amsterdam-text-input-hover-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-black;
|
|
189
|
+
$amsterdam-text-input-disabled-color: $amsterdam-color-neutral-grey2;
|
|
190
|
+
$amsterdam-text-input-disabled-box-shadow: inset 0 0 0 1px $amsterdam-color-neutral-grey2;
|
|
191
|
+
$amsterdam-text-input-disabled-background-color: $amsterdam-color-primary-white;
|
|
192
|
+
$amsterdam-text-input-outline-offset: $amsterdam-focus-outline-offset;
|
|
193
|
+
$amsterdam-text-input-font-weight: $amsterdam-typography-font-weight-normal;
|
|
194
|
+
$amsterdam-text-input-font-family: $amsterdam-typography-font-family;
|
|
195
|
+
$amsterdam-text-input-color: $amsterdam-color-primary-black;
|
|
196
|
+
$amsterdam-text-input-box-shadow: inset 0 0 0 1px $amsterdam-color-primary-black;
|
|
182
197
|
$amsterdam-switch-disabled-background-color: $amsterdam-color-neutral-grey2;
|
|
183
198
|
$amsterdam-switch-outline-offset: $amsterdam-focus-outline-offset;
|
|
184
199
|
$amsterdam-switch-checked-background-color: $amsterdam-color-primary-blue;
|
|
@@ -186,18 +201,54 @@ $amsterdam-switch-thumb-hover-color: $amsterdam-color-dark-blue;
|
|
|
186
201
|
$amsterdam-switch-thumb-background-color: $amsterdam-color-primary-white;
|
|
187
202
|
$amsterdam-switch-background-color: $amsterdam-color-neutral-grey3;
|
|
188
203
|
$amsterdam-switch-font-family: $amsterdam-typography-font-family;
|
|
189
|
-
$amsterdam-
|
|
190
|
-
$amsterdam-
|
|
191
|
-
$amsterdam-
|
|
192
|
-
$amsterdam-
|
|
193
|
-
$amsterdam-
|
|
194
|
-
$amsterdam-
|
|
195
|
-
$amsterdam-
|
|
196
|
-
$amsterdam-
|
|
197
|
-
$amsterdam-
|
|
198
|
-
$amsterdam-
|
|
199
|
-
$amsterdam-
|
|
200
|
-
$amsterdam-
|
|
204
|
+
$amsterdam-spotlight-yellow-background-color: $amsterdam-color-yellow;
|
|
205
|
+
$amsterdam-spotlight-purple-background-color: $amsterdam-color-purple;
|
|
206
|
+
$amsterdam-spotlight-orange-background-color: $amsterdam-color-orange;
|
|
207
|
+
$amsterdam-spotlight-magenta-background-color: $amsterdam-color-magenta;
|
|
208
|
+
$amsterdam-spotlight-light-blue-background-color: $amsterdam-color-blue;
|
|
209
|
+
$amsterdam-spotlight-green-background-color: $amsterdam-color-green;
|
|
210
|
+
$amsterdam-spotlight-dark-green-background-color: $amsterdam-color-dark-green;
|
|
211
|
+
$amsterdam-spotlight-blue-background-color: $amsterdam-color-primary-blue;
|
|
212
|
+
$amsterdam-skip-link-hover-background-color: $amsterdam-color-dark-blue;
|
|
213
|
+
$amsterdam-skip-link-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
214
|
+
$amsterdam-skip-link-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
215
|
+
$amsterdam-skip-link-outline-offset: $amsterdam-focus-outline-offset;
|
|
216
|
+
$amsterdam-skip-link-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
217
|
+
$amsterdam-skip-link-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
218
|
+
$amsterdam-skip-link-font-weight: $amsterdam-typography-font-weight-normal;
|
|
219
|
+
$amsterdam-skip-link-font-family: $amsterdam-typography-font-family;
|
|
220
|
+
$amsterdam-skip-link-color: $amsterdam-color-primary-white;
|
|
221
|
+
$amsterdam-skip-link-background-color: $amsterdam-color-primary-blue;
|
|
222
|
+
$amsterdam-search-field-input-spacious-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
223
|
+
$amsterdam-search-field-input-spacious-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
224
|
+
$amsterdam-search-field-input-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
225
|
+
$amsterdam-search-field-input-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
226
|
+
$amsterdam-search-field-input-placeholder-color: $amsterdam-color-neutral-grey3;
|
|
227
|
+
$amsterdam-search-field-input-hover-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-black;
|
|
228
|
+
$amsterdam-search-field-input-cancel-button-width: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
229
|
+
$amsterdam-search-field-input-cancel-button-height: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
230
|
+
$amsterdam-search-field-input-cancel-button-color: $amsterdam-color-primary-blue;
|
|
231
|
+
$amsterdam-search-field-input-outline-offset: $amsterdam-focus-outline-offset;
|
|
232
|
+
$amsterdam-search-field-input-font-weight: $amsterdam-typography-font-weight-normal;
|
|
233
|
+
$amsterdam-search-field-input-font-family: $amsterdam-typography-font-family;
|
|
234
|
+
$amsterdam-search-field-input-color: $amsterdam-color-primary-black;
|
|
235
|
+
$amsterdam-search-field-input-box-shadow: inset 0 0 0 1px $amsterdam-color-primary-black;
|
|
236
|
+
$amsterdam-search-field-button-hover-background-color: $amsterdam-color-dark-blue;
|
|
237
|
+
$amsterdam-search-field-button-outline-offset: $amsterdam-focus-outline-offset;
|
|
238
|
+
$amsterdam-search-field-button-color: $amsterdam-color-primary-white;
|
|
239
|
+
$amsterdam-search-field-button-background-color: $amsterdam-color-primary-blue;
|
|
240
|
+
$amsterdam-paragraph-compact-large-line-height: $amsterdam-typography-compact-text-level-4-line-height;
|
|
241
|
+
$amsterdam-paragraph-compact-large-font-size: $amsterdam-typography-compact-text-level-4-font-size;
|
|
242
|
+
$amsterdam-paragraph-compact-medium-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
243
|
+
$amsterdam-paragraph-compact-medium-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
244
|
+
$amsterdam-paragraph-compact-small-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
245
|
+
$amsterdam-paragraph-compact-small-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
246
|
+
$amsterdam-paragraph-spacious-large-line-height: $amsterdam-typography-spacious-text-level-4-line-height;
|
|
247
|
+
$amsterdam-paragraph-spacious-large-font-size: $amsterdam-typography-spacious-text-level-4-font-size;
|
|
248
|
+
$amsterdam-paragraph-spacious-medium-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
249
|
+
$amsterdam-paragraph-spacious-medium-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
250
|
+
$amsterdam-paragraph-spacious-small-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
251
|
+
$amsterdam-paragraph-spacious-small-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
201
252
|
$amsterdam-paragraph-inverse-color: $amsterdam-color-primary-white;
|
|
202
253
|
$amsterdam-paragraph-font-weight: $amsterdam-typography-font-weight-normal;
|
|
203
254
|
$amsterdam-paragraph-font-family: $amsterdam-typography-font-family;
|
|
@@ -208,17 +259,17 @@ $amsterdam-pagination-button-text-underline-offset: $amsterdam-link-appearance-t
|
|
|
208
259
|
$amsterdam-pagination-button-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
209
260
|
$amsterdam-pagination-button-text-decoration-line: $amsterdam-link-appearance-subtle-text-decoration-line;
|
|
210
261
|
$amsterdam-pagination-button-outline-offset: $amsterdam-focus-outline-offset;
|
|
211
|
-
$amsterdam-pagination-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
212
|
-
$amsterdam-pagination-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
213
|
-
$amsterdam-pagination-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
214
|
-
$amsterdam-pagination-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
262
|
+
$amsterdam-pagination-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
263
|
+
$amsterdam-pagination-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
264
|
+
$amsterdam-pagination-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
265
|
+
$amsterdam-pagination-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
215
266
|
$amsterdam-pagination-font-weight: $amsterdam-typography-font-weight-normal;
|
|
216
267
|
$amsterdam-pagination-font-family: $amsterdam-typography-font-family;
|
|
217
268
|
$amsterdam-page-menu-item-hover-text-decoration-line: $amsterdam-link-appearance-subtle-hover-text-decoration-line;
|
|
218
|
-
$amsterdam-page-menu-item-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
219
|
-
$amsterdam-page-menu-item-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
220
|
-
$amsterdam-page-menu-item-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
221
|
-
$amsterdam-page-menu-item-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
269
|
+
$amsterdam-page-menu-item-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
270
|
+
$amsterdam-page-menu-item-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
271
|
+
$amsterdam-page-menu-item-spacious-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
272
|
+
$amsterdam-page-menu-item-spacious-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
222
273
|
$amsterdam-page-menu-item-text-underline-offset: $amsterdam-link-appearance-text-underline-offset;
|
|
223
274
|
$amsterdam-page-menu-item-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
224
275
|
$amsterdam-page-menu-item-text-decoration-line: $amsterdam-link-appearance-subtle-text-decoration-line;
|
|
@@ -233,29 +284,29 @@ $amsterdam-page-heading-inverse-color: $amsterdam-color-primary-white;
|
|
|
233
284
|
$amsterdam-page-heading-font-weight: $amsterdam-typography-font-weight-bold;
|
|
234
285
|
$amsterdam-page-heading-font-family: $amsterdam-typography-font-family;
|
|
235
286
|
$amsterdam-page-heading-color: $amsterdam-color-primary-black;
|
|
236
|
-
$amsterdam-ordered-list-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
237
|
-
$amsterdam-ordered-list-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
238
|
-
$amsterdam-ordered-list-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
239
|
-
$amsterdam-ordered-list-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
287
|
+
$amsterdam-ordered-list-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
288
|
+
$amsterdam-ordered-list-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
289
|
+
$amsterdam-ordered-list-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
290
|
+
$amsterdam-ordered-list-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
240
291
|
$amsterdam-ordered-list-font-weight: $amsterdam-typography-font-weight-normal;
|
|
241
292
|
$amsterdam-ordered-list-font-family: $amsterdam-typography-font-family;
|
|
242
293
|
$amsterdam-ordered-list-color: $amsterdam-color-primary-black;
|
|
243
294
|
$amsterdam-logo-subsite-color: $amsterdam-color-primary-black;
|
|
244
295
|
$amsterdam-logo-title-color: $amsterdam-color-primary-red;
|
|
245
296
|
$amsterdam-logo-emblem-color: $amsterdam-color-primary-red;
|
|
246
|
-
$amsterdam-link-standalone-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
247
|
-
$amsterdam-link-standalone-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
248
|
-
$amsterdam-link-standalone-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
249
|
-
$amsterdam-link-standalone-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
297
|
+
$amsterdam-link-standalone-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
298
|
+
$amsterdam-link-standalone-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
299
|
+
$amsterdam-link-standalone-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
300
|
+
$amsterdam-link-standalone-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
250
301
|
$amsterdam-link-standalone-hover-text-underline-offset: $amsterdam-link-appearance-regular-hover-text-underline-offset;
|
|
251
302
|
$amsterdam-link-standalone-hover-text-decoration-thickness: $amsterdam-link-appearance-regular-hover-text-decoration-thickness;
|
|
252
303
|
$amsterdam-link-standalone-text-underline-offset: $amsterdam-link-appearance-text-underline-offset;
|
|
253
304
|
$amsterdam-link-standalone-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
254
305
|
$amsterdam-link-standalone-text-decoration-line: $amsterdam-link-appearance-regular-text-decoration-line;
|
|
255
|
-
$amsterdam-link-in-list-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
256
|
-
$amsterdam-link-in-list-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
257
|
-
$amsterdam-link-in-list-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
258
|
-
$amsterdam-link-in-list-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
306
|
+
$amsterdam-link-in-list-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
307
|
+
$amsterdam-link-in-list-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
308
|
+
$amsterdam-link-in-list-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
309
|
+
$amsterdam-link-in-list-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
259
310
|
$amsterdam-link-in-list-hover-text-decoration-line: $amsterdam-link-appearance-subtle-hover-text-decoration-line;
|
|
260
311
|
$amsterdam-link-in-list-text-underline-offset: $amsterdam-link-appearance-text-underline-offset;
|
|
261
312
|
$amsterdam-link-in-list-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
@@ -269,8 +320,6 @@ $amsterdam-link-inline-text-decoration-line: $amsterdam-link-appearance-regular-
|
|
|
269
320
|
$amsterdam-link-outline-offset: $amsterdam-focus-outline-offset;
|
|
270
321
|
$amsterdam-link-font-weight: $amsterdam-typography-font-weight-normal;
|
|
271
322
|
$amsterdam-link-font-family: $amsterdam-typography-font-family;
|
|
272
|
-
$amsterdam-icon-compact-size-7-line-height: $amsterdam-typography-compact-text-level-7-line-height;
|
|
273
|
-
$amsterdam-icon-compact-size-7-font-size: $amsterdam-typography-compact-text-level-7-font-size;
|
|
274
323
|
$amsterdam-icon-compact-size-6-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
275
324
|
$amsterdam-icon-compact-size-6-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
276
325
|
$amsterdam-icon-compact-size-5-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
@@ -279,8 +328,6 @@ $amsterdam-icon-compact-size-4-line-height: $amsterdam-typography-compact-text-l
|
|
|
279
328
|
$amsterdam-icon-compact-size-4-font-size: $amsterdam-typography-compact-text-level-4-font-size;
|
|
280
329
|
$amsterdam-icon-compact-size-3-line-height: $amsterdam-typography-compact-text-level-3-line-height;
|
|
281
330
|
$amsterdam-icon-compact-size-3-font-size: $amsterdam-typography-compact-text-level-3-font-size;
|
|
282
|
-
$amsterdam-icon-spacious-size-7-line-height: $amsterdam-typography-spacious-text-level-7-line-height;
|
|
283
|
-
$amsterdam-icon-spacious-size-7-font-size: $amsterdam-typography-spacious-text-level-7-font-size;
|
|
284
331
|
$amsterdam-icon-spacious-size-6-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
285
332
|
$amsterdam-icon-spacious-size-6-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
286
333
|
$amsterdam-icon-spacious-size-5-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
@@ -289,14 +336,10 @@ $amsterdam-icon-spacious-size-4-line-height: $amsterdam-typography-spacious-text
|
|
|
289
336
|
$amsterdam-icon-spacious-size-4-font-size: $amsterdam-typography-spacious-text-level-4-font-size;
|
|
290
337
|
$amsterdam-icon-spacious-size-3-line-height: $amsterdam-typography-spacious-text-level-3-line-height;
|
|
291
338
|
$amsterdam-icon-spacious-size-3-font-size: $amsterdam-typography-spacious-text-level-3-font-size;
|
|
292
|
-
$amsterdam-
|
|
293
|
-
$amsterdam-
|
|
294
|
-
$amsterdam-
|
|
295
|
-
$amsterdam-
|
|
296
|
-
$amsterdam-highlight-light-blue-background-color: $amsterdam-color-blue;
|
|
297
|
-
$amsterdam-highlight-green-background-color: $amsterdam-color-green;
|
|
298
|
-
$amsterdam-highlight-dark-green-background-color: $amsterdam-color-dark-green;
|
|
299
|
-
$amsterdam-highlight-blue-background-color: $amsterdam-color-primary-blue;
|
|
339
|
+
$amsterdam-heading-compact-level-6-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
340
|
+
$amsterdam-heading-compact-level-6-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
341
|
+
$amsterdam-heading-compact-level-5-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
342
|
+
$amsterdam-heading-compact-level-5-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
300
343
|
$amsterdam-heading-compact-level-4-font-size: $amsterdam-typography-compact-text-level-4-font-size;
|
|
301
344
|
$amsterdam-heading-compact-level-4-line-height: $amsterdam-typography-compact-text-level-4-line-height;
|
|
302
345
|
$amsterdam-heading-compact-level-3-font-size: $amsterdam-typography-compact-text-level-3-font-size;
|
|
@@ -305,6 +348,10 @@ $amsterdam-heading-compact-level-2-font-size: $amsterdam-typography-compact-text
|
|
|
305
348
|
$amsterdam-heading-compact-level-2-line-height: $amsterdam-typography-compact-text-level-2-line-height;
|
|
306
349
|
$amsterdam-heading-compact-level-1-font-size: $amsterdam-typography-compact-text-level-1-font-size;
|
|
307
350
|
$amsterdam-heading-compact-level-1-line-height: $amsterdam-typography-compact-text-level-1-line-height;
|
|
351
|
+
$amsterdam-heading-spacious-level-6-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
352
|
+
$amsterdam-heading-spacious-level-6-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
353
|
+
$amsterdam-heading-spacious-level-5-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
354
|
+
$amsterdam-heading-spacious-level-5-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
308
355
|
$amsterdam-heading-spacious-level-4-font-size: $amsterdam-typography-spacious-text-level-4-font-size;
|
|
309
356
|
$amsterdam-heading-spacious-level-4-line-height: $amsterdam-typography-spacious-text-level-4-line-height;
|
|
310
357
|
$amsterdam-heading-spacious-level-3-font-size: $amsterdam-typography-spacious-text-level-3-font-size;
|
|
@@ -317,10 +364,11 @@ $amsterdam-heading-inverse-color: $amsterdam-color-primary-white;
|
|
|
317
364
|
$amsterdam-heading-font-weight: $amsterdam-typography-font-weight-bold;
|
|
318
365
|
$amsterdam-heading-font-family: $amsterdam-typography-font-family;
|
|
319
366
|
$amsterdam-heading-color: $amsterdam-color-primary-black;
|
|
320
|
-
$amsterdam-
|
|
321
|
-
$amsterdam-form-label-compact-
|
|
322
|
-
$amsterdam-form-label-
|
|
323
|
-
$amsterdam-form-label-spacious-
|
|
367
|
+
$amsterdam-header-column-gap: $amsterdam-grid-spacious-gap;
|
|
368
|
+
$amsterdam-form-label-compact-line-height: $amsterdam-typography-compact-text-level-4-line-height;
|
|
369
|
+
$amsterdam-form-label-compact-font-size: $amsterdam-typography-compact-text-level-4-font-size;
|
|
370
|
+
$amsterdam-form-label-spacious-line-height: $amsterdam-typography-spacious-text-level-4-line-height;
|
|
371
|
+
$amsterdam-form-label-spacious-font-size: $amsterdam-typography-spacious-text-level-4-font-size;
|
|
324
372
|
$amsterdam-form-label-font-weight: $amsterdam-typography-font-weight-bold;
|
|
325
373
|
$amsterdam-form-label-font-family: $amsterdam-typography-font-family;
|
|
326
374
|
$amsterdam-form-label-color: $amsterdam-color-primary-black;
|
|
@@ -334,10 +382,10 @@ $amsterdam-dialog-title-font-weight: $amsterdam-typography-font-weight-bold;
|
|
|
334
382
|
$amsterdam-dialog-title-font-family: $amsterdam-typography-font-family;
|
|
335
383
|
$amsterdam-dialog-title-color: $amsterdam-color-primary-black;
|
|
336
384
|
$amsterdam-dialog-background-color: $amsterdam-color-primary-white;
|
|
337
|
-
$amsterdam-checkbox-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
338
|
-
$amsterdam-checkbox-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
339
|
-
$amsterdam-checkbox-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
340
|
-
$amsterdam-checkbox-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
385
|
+
$amsterdam-checkbox-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
386
|
+
$amsterdam-checkbox-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
387
|
+
$amsterdam-checkbox-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
388
|
+
$amsterdam-checkbox-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
341
389
|
$amsterdam-checkbox-outline-offset: $amsterdam-focus-outline-offset;
|
|
342
390
|
$amsterdam-checkbox-hover-color: $amsterdam-color-dark-blue;
|
|
343
391
|
$amsterdam-checkbox-font-weight: $amsterdam-typography-font-weight-normal;
|
|
@@ -366,26 +414,25 @@ $amsterdam-card-link-hover-text-decoration-line: $amsterdam-link-appearance-subt
|
|
|
366
414
|
$amsterdam-card-link-text-underline-offset: $amsterdam-link-appearance-text-underline-offset;
|
|
367
415
|
$amsterdam-card-link-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
368
416
|
$amsterdam-card-link-text-decoration-line: $amsterdam-link-appearance-subtle-text-decoration-line;
|
|
369
|
-
$amsterdam-button-tertiary-hover-box-shadow: inset 0 0 0 2px $amsterdam-color-
|
|
417
|
+
$amsterdam-button-tertiary-hover-box-shadow: inset 0 0 0 2px $amsterdam-color-dark-blue;
|
|
370
418
|
$amsterdam-button-secondary-focus-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-blue;
|
|
371
419
|
$amsterdam-button-secondary-disabled-box-shadow: inset 0 0 0 2px $amsterdam-color-neutral-grey2;
|
|
372
420
|
$amsterdam-button-secondary-hover-box-shadow: inset 0 0 0 3px $amsterdam-color-dark-blue;
|
|
373
421
|
$amsterdam-button-secondary-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-blue;
|
|
374
|
-
$amsterdam-button-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
375
|
-
$amsterdam-button-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
376
|
-
$amsterdam-button-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
377
|
-
$amsterdam-button-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
378
|
-
$amsterdam-breadcrumb-compact-line-height: $amsterdam-typography-compact-text-level-
|
|
379
|
-
$amsterdam-breadcrumb-compact-font-size: $amsterdam-typography-compact-text-level-
|
|
380
|
-
$amsterdam-breadcrumb-spacious-line-height: $amsterdam-typography-spacious-text-level-
|
|
381
|
-
$amsterdam-breadcrumb-spacious-font-size: $amsterdam-typography-spacious-text-level-
|
|
422
|
+
$amsterdam-button-compact-line-height: $amsterdam-typography-compact-text-level-5-line-height;
|
|
423
|
+
$amsterdam-button-compact-font-size: $amsterdam-typography-compact-text-level-5-font-size;
|
|
424
|
+
$amsterdam-button-spacious-line-height: $amsterdam-typography-spacious-text-level-5-line-height;
|
|
425
|
+
$amsterdam-button-spacious-font-size: $amsterdam-typography-spacious-text-level-5-font-size;
|
|
426
|
+
$amsterdam-breadcrumb-compact-line-height: $amsterdam-typography-compact-text-level-6-line-height;
|
|
427
|
+
$amsterdam-breadcrumb-compact-font-size: $amsterdam-typography-compact-text-level-6-font-size;
|
|
428
|
+
$amsterdam-breadcrumb-spacious-line-height: $amsterdam-typography-spacious-text-level-6-line-height;
|
|
429
|
+
$amsterdam-breadcrumb-spacious-font-size: $amsterdam-typography-spacious-text-level-6-font-size;
|
|
382
430
|
$amsterdam-breadcrumb-item-link-hover-text-decoration-line: $amsterdam-link-appearance-subtle-hover-text-decoration-line;
|
|
383
431
|
$amsterdam-breadcrumb-item-link-hover-color: $amsterdam-color-dark-blue;
|
|
384
432
|
$amsterdam-breadcrumb-item-link-text-underline-offset: $amsterdam-link-appearance-text-underline-offset;
|
|
385
433
|
$amsterdam-breadcrumb-item-link-text-decoration-thickness: $amsterdam-link-appearance-text-decoration-thickness;
|
|
386
434
|
$amsterdam-breadcrumb-item-link-text-decoration-line: $amsterdam-link-appearance-subtle-text-decoration-line;
|
|
387
435
|
$amsterdam-breadcrumb-item-link-outline-offset: $amsterdam-focus-outline-offset;
|
|
388
|
-
$amsterdam-breadcrumb-separator-background-color: $amsterdam-color-primary-blue;
|
|
389
436
|
$amsterdam-breadcrumb-font-weight: $amsterdam-typography-font-weight-normal;
|
|
390
437
|
$amsterdam-breadcrumb-font-family: $amsterdam-typography-font-family;
|
|
391
438
|
$amsterdam-blockquote-compact-line-height: $amsterdam-typography-compact-text-level-3-line-height;
|