@amsterdam/design-system-tokens 0.1.4 → 0.1.5
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/dist/_variables.scss +19 -18
- package/dist/index.css +19 -18
- package/dist/index.d.ts +2 -1
- package/dist/index.js +73 -72
- package/dist/index.json +72 -71
- package/dist/index.tokens.json +72 -71
- package/dist/root.css +19 -18
- package/dist/tokens.d.ts +3 -2
- package/dist/tokens.js +112 -89
- package/dist/variables.less +19 -18
- package/package.json +2 -2
- package/src/brand/amsterdam/typography.tokens.json +28 -16
- package/src/components/amsterdam/page-menu.tokens.json +2 -1
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
|
|
5
5
|
$utrecht-button-subtle-disabled-background-color: transparent;
|
|
6
6
|
$utrecht-button-subtle-background-color: transparent;
|
|
@@ -18,6 +18,7 @@ $amsterdam-unordered-list-item-padding-inline-start: 0.875rem; // The total leve
|
|
|
18
18
|
$amsterdam-unordered-list-item-margin-inline-start: 1.625rem; // Divide your total indentation width over margin and padding to position the marker.
|
|
19
19
|
$amsterdam-unordered-list-list-style-type: '\2022';
|
|
20
20
|
$amsterdam-unordered-list-gap: 0.75rem;
|
|
21
|
+
$amsterdam-page-menu-item-hover-text-decoration: underline;
|
|
21
22
|
$amsterdam-page-menu-item-text-decoration: none;
|
|
22
23
|
$amsterdam-page-menu-item-gap: 0.5rem;
|
|
23
24
|
$amsterdam-page-menu-row-gap: 0.5rem;
|
|
@@ -58,29 +59,29 @@ $amsterdam-border-width-lg: 3px;
|
|
|
58
59
|
$amsterdam-border-width-md: 2px;
|
|
59
60
|
$amsterdam-border-width-sm: 1px;
|
|
60
61
|
$amsterdam-typography-text-level-7-line-height: 1.6;
|
|
61
|
-
$amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem);
|
|
62
|
-
$amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem);
|
|
62
|
+
$amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem);
|
|
63
|
+
$amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem);
|
|
63
64
|
$amsterdam-typography-text-level-6-line-height: 1.6;
|
|
64
|
-
$amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem);
|
|
65
|
-
$amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem);
|
|
65
|
+
$amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem);
|
|
66
|
+
$amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem);
|
|
66
67
|
$amsterdam-typography-text-level-5-line-height: 1.5;
|
|
67
|
-
$amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem);
|
|
68
|
-
$amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem);
|
|
68
|
+
$amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem);
|
|
69
|
+
$amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem);
|
|
69
70
|
$amsterdam-typography-text-level-4-line-height: 1.4;
|
|
70
|
-
$amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem);
|
|
71
|
-
$amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem);
|
|
71
|
+
$amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem);
|
|
72
|
+
$amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem);
|
|
72
73
|
$amsterdam-typography-text-level-3-line-height: 1.4;
|
|
73
|
-
$amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem);
|
|
74
|
-
$amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem);
|
|
74
|
+
$amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem);
|
|
75
|
+
$amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem);
|
|
75
76
|
$amsterdam-typography-text-level-2-line-height: 1.3;
|
|
76
|
-
$amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem);
|
|
77
|
-
$amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem);
|
|
77
|
+
$amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem);
|
|
78
|
+
$amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem);
|
|
78
79
|
$amsterdam-typography-text-level-1-line-height: 1.2;
|
|
79
|
-
$amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem);
|
|
80
|
-
$amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem);
|
|
80
|
+
$amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem);
|
|
81
|
+
$amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem);
|
|
81
82
|
$amsterdam-typography-text-level-0-line-height: 1.1;
|
|
82
|
-
$amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem);
|
|
83
|
-
$amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem);
|
|
83
|
+
$amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem);
|
|
84
|
+
$amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem);
|
|
84
85
|
$amsterdam-typography-font-weight-bold: 800;
|
|
85
86
|
$amsterdam-typography-font-weight-normal: 400;
|
|
86
87
|
$amsterdam-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
|
|
@@ -157,7 +158,7 @@ $amsterdam-paragraph-inverse-color: $amsterdam-color-primary-white;
|
|
|
157
158
|
$amsterdam-paragraph-font-weight: 400;
|
|
158
159
|
$amsterdam-paragraph-font-family: $amsterdam-typography-font-family;
|
|
159
160
|
$amsterdam-paragraph-color: $amsterdam-color-primary-black;
|
|
160
|
-
$amsterdam-page-menu-item-hover-color: $amsterdam-color-
|
|
161
|
+
$amsterdam-page-menu-item-hover-color: $amsterdam-color-primary-black;
|
|
161
162
|
$amsterdam-page-menu-item-wide-font-size: $amsterdam-typography-text-level-7-wide-font-size;
|
|
162
163
|
$amsterdam-page-menu-item-narrow-font-size: $amsterdam-typography-text-level-7-narrow-font-size;
|
|
163
164
|
$amsterdam-page-menu-item-line-height: $amsterdam-typography-text-level-7-line-height;
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.amsterdam-theme {
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
--amsterdam-unordered-list-item-margin-inline-start: 1.625rem; /* Divide your total indentation width over margin and padding to position the marker. */
|
|
21
21
|
--amsterdam-unordered-list-list-style-type: '\2022';
|
|
22
22
|
--amsterdam-unordered-list-gap: 0.75rem;
|
|
23
|
+
--amsterdam-page-menu-item-hover-text-decoration: underline;
|
|
23
24
|
--amsterdam-page-menu-item-text-decoration: none;
|
|
24
25
|
--amsterdam-page-menu-item-gap: 0.5rem;
|
|
25
26
|
--amsterdam-page-menu-row-gap: 0.5rem;
|
|
@@ -60,29 +61,29 @@
|
|
|
60
61
|
--amsterdam-border-width-md: 2px;
|
|
61
62
|
--amsterdam-border-width-sm: 1px;
|
|
62
63
|
--amsterdam-typography-text-level-7-line-height: 1.6;
|
|
63
|
-
--amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem);
|
|
64
|
-
--amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem);
|
|
64
|
+
--amsterdam-typography-text-level-7-wide-font-size: clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem);
|
|
65
|
+
--amsterdam-typography-text-level-7-narrow-font-size: clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem);
|
|
65
66
|
--amsterdam-typography-text-level-6-line-height: 1.6;
|
|
66
|
-
--amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem);
|
|
67
|
-
--amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem);
|
|
67
|
+
--amsterdam-typography-text-level-6-wide-font-size: clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem);
|
|
68
|
+
--amsterdam-typography-text-level-6-narrow-font-size: clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem);
|
|
68
69
|
--amsterdam-typography-text-level-5-line-height: 1.5;
|
|
69
|
-
--amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem);
|
|
70
|
-
--amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem);
|
|
70
|
+
--amsterdam-typography-text-level-5-wide-font-size: clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem);
|
|
71
|
+
--amsterdam-typography-text-level-5-narrow-font-size: clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem);
|
|
71
72
|
--amsterdam-typography-text-level-4-line-height: 1.4;
|
|
72
|
-
--amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem);
|
|
73
|
-
--amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem);
|
|
73
|
+
--amsterdam-typography-text-level-4-wide-font-size: clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem);
|
|
74
|
+
--amsterdam-typography-text-level-4-narrow-font-size: clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem);
|
|
74
75
|
--amsterdam-typography-text-level-3-line-height: 1.4;
|
|
75
|
-
--amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem);
|
|
76
|
-
--amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem);
|
|
76
|
+
--amsterdam-typography-text-level-3-wide-font-size: clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem);
|
|
77
|
+
--amsterdam-typography-text-level-3-narrow-font-size: clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem);
|
|
77
78
|
--amsterdam-typography-text-level-2-line-height: 1.3;
|
|
78
|
-
--amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem);
|
|
79
|
-
--amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem);
|
|
79
|
+
--amsterdam-typography-text-level-2-wide-font-size: clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem);
|
|
80
|
+
--amsterdam-typography-text-level-2-narrow-font-size: clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem);
|
|
80
81
|
--amsterdam-typography-text-level-1-line-height: 1.2;
|
|
81
|
-
--amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem);
|
|
82
|
-
--amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem);
|
|
82
|
+
--amsterdam-typography-text-level-1-wide-font-size: clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem);
|
|
83
|
+
--amsterdam-typography-text-level-1-narrow-font-size: clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem);
|
|
83
84
|
--amsterdam-typography-text-level-0-line-height: 1.1;
|
|
84
|
-
--amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem);
|
|
85
|
-
--amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem);
|
|
85
|
+
--amsterdam-typography-text-level-0-wide-font-size: clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem);
|
|
86
|
+
--amsterdam-typography-text-level-0-narrow-font-size: clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem);
|
|
86
87
|
--amsterdam-typography-font-weight-bold: 800;
|
|
87
88
|
--amsterdam-typography-font-weight-normal: 400;
|
|
88
89
|
--amsterdam-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
|
|
@@ -159,7 +160,7 @@
|
|
|
159
160
|
--amsterdam-paragraph-font-weight: 400;
|
|
160
161
|
--amsterdam-paragraph-font-family: var(--amsterdam-typography-font-family);
|
|
161
162
|
--amsterdam-paragraph-color: var(--amsterdam-color-primary-black);
|
|
162
|
-
--amsterdam-page-menu-item-hover-color: var(--amsterdam-color-
|
|
163
|
+
--amsterdam-page-menu-item-hover-color: var(--amsterdam-color-primary-black);
|
|
163
164
|
--amsterdam-page-menu-item-wide-font-size: var(--amsterdam-typography-text-level-7-wide-font-size);
|
|
164
165
|
--amsterdam-page-menu-item-narrow-font-size: var(--amsterdam-typography-text-level-7-narrow-font-size);
|
|
165
166
|
--amsterdam-page-menu-item-line-height: var(--amsterdam-typography-text-level-7-line-height);
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const amsterdamColorPrimaryBlack : string;
|
|
@@ -227,6 +227,7 @@ export const amsterdamPageMenuItemTextDecoration : string;
|
|
|
227
227
|
export const amsterdamPageMenuItemNarrowFontSize : string;
|
|
228
228
|
export const amsterdamPageMenuItemWideFontSize : string;
|
|
229
229
|
export const amsterdamPageMenuItemHoverColor : string;
|
|
230
|
+
export const amsterdamPageMenuItemHoverTextDecoration : string;
|
|
230
231
|
export const amsterdamParagraphColor : string;
|
|
231
232
|
export const amsterdamParagraphFontFamily : string;
|
|
232
233
|
export const amsterdamParagraphFontWeight : number;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Oct 2023 10:51:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const amsterdamColorPrimaryBlack = "#000000";
|
|
@@ -22,29 +22,29 @@ export const amsterdamColorNeutralGrey4 = "#323232";
|
|
|
22
22
|
export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
23
23
|
export const amsterdamTypographyFontWeightNormal = 400;
|
|
24
24
|
export const amsterdamTypographyFontWeightBold = 800;
|
|
25
|
-
export const amsterdamTypographyTextLevel0NarrowFontSize = "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)";
|
|
26
|
-
export const amsterdamTypographyTextLevel0WideFontSize = "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)";
|
|
25
|
+
export const amsterdamTypographyTextLevel0NarrowFontSize = "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)";
|
|
26
|
+
export const amsterdamTypographyTextLevel0WideFontSize = "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)";
|
|
27
27
|
export const amsterdamTypographyTextLevel0LineHeight = "1.1";
|
|
28
|
-
export const amsterdamTypographyTextLevel1NarrowFontSize = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
|
|
29
|
-
export const amsterdamTypographyTextLevel1WideFontSize = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
|
|
28
|
+
export const amsterdamTypographyTextLevel1NarrowFontSize = "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)";
|
|
29
|
+
export const amsterdamTypographyTextLevel1WideFontSize = "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)";
|
|
30
30
|
export const amsterdamTypographyTextLevel1LineHeight = "1.2";
|
|
31
|
-
export const amsterdamTypographyTextLevel2NarrowFontSize = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
|
|
32
|
-
export const amsterdamTypographyTextLevel2WideFontSize = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
|
|
31
|
+
export const amsterdamTypographyTextLevel2NarrowFontSize = "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)";
|
|
32
|
+
export const amsterdamTypographyTextLevel2WideFontSize = "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)";
|
|
33
33
|
export const amsterdamTypographyTextLevel2LineHeight = "1.3";
|
|
34
|
-
export const amsterdamTypographyTextLevel3NarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
|
|
35
|
-
export const amsterdamTypographyTextLevel3WideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
|
|
34
|
+
export const amsterdamTypographyTextLevel3NarrowFontSize = "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)";
|
|
35
|
+
export const amsterdamTypographyTextLevel3WideFontSize = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
|
|
36
36
|
export const amsterdamTypographyTextLevel3LineHeight = "1.4";
|
|
37
|
-
export const amsterdamTypographyTextLevel4NarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
|
|
38
|
-
export const amsterdamTypographyTextLevel4WideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
|
|
37
|
+
export const amsterdamTypographyTextLevel4NarrowFontSize = "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)";
|
|
38
|
+
export const amsterdamTypographyTextLevel4WideFontSize = "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)";
|
|
39
39
|
export const amsterdamTypographyTextLevel4LineHeight = "1.4";
|
|
40
|
-
export const amsterdamTypographyTextLevel5NarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
|
|
41
|
-
export const amsterdamTypographyTextLevel5WideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
|
|
40
|
+
export const amsterdamTypographyTextLevel5NarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
|
|
41
|
+
export const amsterdamTypographyTextLevel5WideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
|
|
42
42
|
export const amsterdamTypographyTextLevel5LineHeight = "1.5";
|
|
43
|
-
export const amsterdamTypographyTextLevel6NarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
44
|
-
export const amsterdamTypographyTextLevel6WideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
43
|
+
export const amsterdamTypographyTextLevel6NarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
44
|
+
export const amsterdamTypographyTextLevel6WideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
45
45
|
export const amsterdamTypographyTextLevel6LineHeight = "1.6";
|
|
46
|
-
export const amsterdamTypographyTextLevel7NarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
47
|
-
export const amsterdamTypographyTextLevel7WideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
46
|
+
export const amsterdamTypographyTextLevel7NarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
47
|
+
export const amsterdamTypographyTextLevel7WideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
48
48
|
export const amsterdamTypographyTextLevel7LineHeight = "1.6";
|
|
49
49
|
export const amsterdamBorderWidthSm = "1px";
|
|
50
50
|
export const amsterdamBorderWidthMd = "2px";
|
|
@@ -59,28 +59,28 @@ export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
|
|
|
59
59
|
export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
60
60
|
export const amsterdamAccordionButtonFontWeight = 800;
|
|
61
61
|
export const amsterdamAccordionButtonLineHeight = "1.5";
|
|
62
|
-
export const amsterdamAccordionButtonNarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
|
|
63
|
-
export const amsterdamAccordionButtonWideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
|
|
62
|
+
export const amsterdamAccordionButtonNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
|
|
63
|
+
export const amsterdamAccordionButtonWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
|
|
64
64
|
export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
|
|
65
65
|
export const amsterdamBlockquoteColor = "#000000";
|
|
66
66
|
export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
67
67
|
export const amsterdamBlockquoteFontWeight = 800;
|
|
68
68
|
export const amsterdamBlockquoteInverseColor = "#ffffff";
|
|
69
69
|
export const amsterdamBlockquoteLineHeight = "1.4";
|
|
70
|
-
export const amsterdamBlockquoteNarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
|
|
71
|
-
export const amsterdamBlockquoteWideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
|
|
70
|
+
export const amsterdamBlockquoteNarrowFontSize = "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)";
|
|
71
|
+
export const amsterdamBlockquoteWideFontSize = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
|
|
72
72
|
export const amsterdamBreadcrumbColor = "#004699";
|
|
73
73
|
export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
74
74
|
export const amsterdamBreadcrumbLineHeight = "1.6";
|
|
75
|
-
export const amsterdamBreadcrumbNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
76
|
-
export const amsterdamBreadcrumbWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
75
|
+
export const amsterdamBreadcrumbNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
76
|
+
export const amsterdamBreadcrumbWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
77
77
|
export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
|
|
78
78
|
export const amsterdamBreadcrumbItemLinkHoverColor = "#00387A";
|
|
79
79
|
export const amsterdamBreadcrumbItemLinkHoverBoxShadow = "inset 0 -2px 0 0 #00387A";
|
|
80
80
|
export const amsterdamBreadcrumbItemLinkFocusColor = "#00387A";
|
|
81
81
|
export const amsterdamBreadcrumbItemLinkFocusTextDecoration = "underline";
|
|
82
|
-
export const amsterdamButtonNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
83
|
-
export const amsterdamButtonWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
82
|
+
export const amsterdamButtonNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
83
|
+
export const amsterdamButtonWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
84
84
|
export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
|
|
85
85
|
export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #00387A";
|
|
86
86
|
export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #B4B4B4";
|
|
@@ -106,8 +106,8 @@ export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#E
|
|
|
106
106
|
export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
|
|
107
107
|
export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
|
|
108
108
|
export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#00387A";
|
|
109
|
-
export const amsterdamCheckboxCheckmarkNarrowSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
110
|
-
export const amsterdamCheckboxCheckmarkWideSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
109
|
+
export const amsterdamCheckboxCheckmarkNarrowSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
110
|
+
export const amsterdamCheckboxCheckmarkWideSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
111
111
|
export const amsterdamCheckboxCheckmarkMultiplier = "1.6";
|
|
112
112
|
export const amsterdamCheckboxDisabledColor = "#767676";
|
|
113
113
|
export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
@@ -115,45 +115,45 @@ export const amsterdamCheckboxFontWeight = 400;
|
|
|
115
115
|
export const amsterdamCheckboxHoverColor = "#00387A";
|
|
116
116
|
export const amsterdamCheckboxOutlineOffset = "2px";
|
|
117
117
|
export const amsterdamCheckboxLineHeight = "1.6";
|
|
118
|
-
export const amsterdamCheckboxNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
119
|
-
export const amsterdamCheckboxWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
118
|
+
export const amsterdamCheckboxNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
119
|
+
export const amsterdamCheckboxWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
120
120
|
export const amsterdamFooterTopBackgroundColor = "#004699";
|
|
121
121
|
export const amsterdamFormLabelColor = "#000000";
|
|
122
122
|
export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
123
123
|
export const amsterdamFormLabelFontWeight = 800;
|
|
124
124
|
export const amsterdamFormLabelLineHeight = "1.6";
|
|
125
|
-
export const amsterdamFormLabelNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
126
|
-
export const amsterdamFormLabelWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
125
|
+
export const amsterdamFormLabelNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
126
|
+
export const amsterdamFormLabelWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
127
127
|
export const amsterdamHeading1LineHeight = "1.2";
|
|
128
|
-
export const amsterdamHeading1NarrowFontSize = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
|
|
129
|
-
export const amsterdamHeading1WideFontSize = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
|
|
128
|
+
export const amsterdamHeading1NarrowFontSize = "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)";
|
|
129
|
+
export const amsterdamHeading1WideFontSize = "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)";
|
|
130
130
|
export const amsterdamHeading2LineHeight = "1.3";
|
|
131
|
-
export const amsterdamHeading2NarrowFontSize = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
|
|
132
|
-
export const amsterdamHeading2WideFontSize = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
|
|
131
|
+
export const amsterdamHeading2NarrowFontSize = "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)";
|
|
132
|
+
export const amsterdamHeading2WideFontSize = "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)";
|
|
133
133
|
export const amsterdamHeading3LineHeight = "1.4";
|
|
134
|
-
export const amsterdamHeading3NarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
|
|
135
|
-
export const amsterdamHeading3WideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
|
|
134
|
+
export const amsterdamHeading3NarrowFontSize = "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)";
|
|
135
|
+
export const amsterdamHeading3WideFontSize = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
|
|
136
136
|
export const amsterdamHeading4LineHeight = "1.4";
|
|
137
|
-
export const amsterdamHeading4NarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
|
|
138
|
-
export const amsterdamHeading4WideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
|
|
137
|
+
export const amsterdamHeading4NarrowFontSize = "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)";
|
|
138
|
+
export const amsterdamHeading4WideFontSize = "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)";
|
|
139
139
|
export const amsterdamHeadingColor = "#000000";
|
|
140
140
|
export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
141
141
|
export const amsterdamHeadingFontWeight = 800;
|
|
142
142
|
export const amsterdamHeadingInverseColor = "#ffffff";
|
|
143
|
-
export const amsterdamIconSize3IconSizeNarrow = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
|
|
144
|
-
export const amsterdamIconSize3IconSizeWide = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
|
|
143
|
+
export const amsterdamIconSize3IconSizeNarrow = "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)";
|
|
144
|
+
export const amsterdamIconSize3IconSizeWide = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
|
|
145
145
|
export const amsterdamIconSize3ContainerMultiplier = "1.4";
|
|
146
|
-
export const amsterdamIconSize4IconSizeNarrow = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
|
|
147
|
-
export const amsterdamIconSize4IconSizeWide = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
|
|
146
|
+
export const amsterdamIconSize4IconSizeNarrow = "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)";
|
|
147
|
+
export const amsterdamIconSize4IconSizeWide = "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)";
|
|
148
148
|
export const amsterdamIconSize4ContainerMultiplier = "1.4";
|
|
149
|
-
export const amsterdamIconSize5IconSizeNarrow = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
|
|
150
|
-
export const amsterdamIconSize5IconSizeWide = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
|
|
149
|
+
export const amsterdamIconSize5IconSizeNarrow = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
|
|
150
|
+
export const amsterdamIconSize5IconSizeWide = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
|
|
151
151
|
export const amsterdamIconSize5ContainerMultiplier = "1.5";
|
|
152
|
-
export const amsterdamIconSize6IconSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
153
|
-
export const amsterdamIconSize6IconSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
152
|
+
export const amsterdamIconSize6IconSizeNarrow = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
153
|
+
export const amsterdamIconSize6IconSizeWide = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
154
154
|
export const amsterdamIconSize6ContainerMultiplier = "1.6";
|
|
155
|
-
export const amsterdamIconSize7IconSizeNarrow = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
156
|
-
export const amsterdamIconSize7IconSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
155
|
+
export const amsterdamIconSize7IconSizeNarrow = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
156
|
+
export const amsterdamIconSize7IconSizeWide = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
157
157
|
export const amsterdamIconSize7ContainerMultiplier = "1.6";
|
|
158
158
|
export const amsterdamLinkColor = "#004699";
|
|
159
159
|
export const amsterdamLinkOutlineOffset = "2px";
|
|
@@ -173,15 +173,15 @@ export const amsterdamLinkInListFocusTextDecorationThickness = "2px";
|
|
|
173
173
|
export const amsterdamLinkInListFocusTextUnderlineOffset = "7px";
|
|
174
174
|
export const amsterdamLinkInListTextDecoration = "none";
|
|
175
175
|
export const amsterdamLinkInListLineHeight = "1.6";
|
|
176
|
-
export const amsterdamLinkInListNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
177
|
-
export const amsterdamLinkInListWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
176
|
+
export const amsterdamLinkInListNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
177
|
+
export const amsterdamLinkInListWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
178
178
|
export const amsterdamLinkStandaloneTextUnderlineOffset = "8px";
|
|
179
179
|
export const amsterdamLinkStandaloneTextDecorationThickness = "2px";
|
|
180
180
|
export const amsterdamLinkStandaloneFocusTextDecorationThickness = "3px";
|
|
181
181
|
export const amsterdamLinkStandaloneFocusTextUnderlineOffset = "7px";
|
|
182
182
|
export const amsterdamLinkStandaloneLineHeight = "1.6";
|
|
183
|
-
export const amsterdamLinkStandaloneNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
184
|
-
export const amsterdamLinkStandaloneWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
183
|
+
export const amsterdamLinkStandaloneNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
184
|
+
export const amsterdamLinkStandaloneWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
185
185
|
export const amsterdamLinkOnBackgroundDarkColor = "#ffffff";
|
|
186
186
|
export const amsterdamLinkOnBackgroundDarkHoverColor = "#ffffff";
|
|
187
187
|
export const amsterdamLinkOnBackgroundDarkVisitedColor = "#ffffff";
|
|
@@ -194,8 +194,8 @@ export const amsterdamOrderedListFontWeight = 400;
|
|
|
194
194
|
export const amsterdamOrderedListGap = "0.75rem";
|
|
195
195
|
export const amsterdamOrderedListLineHeight = "1.6";
|
|
196
196
|
export const amsterdamOrderedListListStyleType = "decimal";
|
|
197
|
-
export const amsterdamOrderedListNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
198
|
-
export const amsterdamOrderedListWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
197
|
+
export const amsterdamOrderedListNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
198
|
+
export const amsterdamOrderedListWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
199
199
|
export const amsterdamOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
200
200
|
export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
201
201
|
export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
|
|
@@ -208,8 +208,8 @@ export const amsterdamPageGridMaxWidth = "1440px";
|
|
|
208
208
|
export const amsterdamPageHeadingColor = "#000000";
|
|
209
209
|
export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
210
210
|
export const amsterdamPageHeadingLineHeight = "1.1";
|
|
211
|
-
export const amsterdamPageHeadingNarrowFontSize = "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)";
|
|
212
|
-
export const amsterdamPageHeadingWideFontSize = "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)";
|
|
211
|
+
export const amsterdamPageHeadingNarrowFontSize = "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)";
|
|
212
|
+
export const amsterdamPageHeadingWideFontSize = "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)";
|
|
213
213
|
export const amsterdamPageHeadingFontWeight = 800;
|
|
214
214
|
export const amsterdamPageHeadingInverseColor = "#ffffff";
|
|
215
215
|
export const amsterdamPageMenuColumnGap = "2.5rem";
|
|
@@ -220,35 +220,36 @@ export const amsterdamPageMenuItemFontWeight = 400;
|
|
|
220
220
|
export const amsterdamPageMenuItemGap = "0.5rem";
|
|
221
221
|
export const amsterdamPageMenuItemLineHeight = "1.6";
|
|
222
222
|
export const amsterdamPageMenuItemTextDecoration = "none";
|
|
223
|
-
export const amsterdamPageMenuItemNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
224
|
-
export const amsterdamPageMenuItemWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
225
|
-
export const amsterdamPageMenuItemHoverColor = "#
|
|
223
|
+
export const amsterdamPageMenuItemNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
224
|
+
export const amsterdamPageMenuItemWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
225
|
+
export const amsterdamPageMenuItemHoverColor = "#000000";
|
|
226
|
+
export const amsterdamPageMenuItemHoverTextDecoration = "underline";
|
|
226
227
|
export const amsterdamParagraphColor = "#000000";
|
|
227
228
|
export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
228
229
|
export const amsterdamParagraphFontWeight = 400;
|
|
229
230
|
export const amsterdamParagraphInverseColor = "#ffffff";
|
|
230
231
|
export const amsterdamParagraphLineHeight = "1.6";
|
|
231
|
-
export const amsterdamParagraphNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
232
|
-
export const amsterdamParagraphWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
232
|
+
export const amsterdamParagraphNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
233
|
+
export const amsterdamParagraphWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
233
234
|
export const amsterdamParagraphSmallLineHeight = "1.6";
|
|
234
|
-
export const amsterdamParagraphSmallNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
235
|
-
export const amsterdamParagraphSmallWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
235
|
+
export const amsterdamParagraphSmallNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
236
|
+
export const amsterdamParagraphSmallWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
236
237
|
export const amsterdamParagraphLargeLineHeight = "1.5";
|
|
237
|
-
export const amsterdamParagraphLargeNarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
|
|
238
|
-
export const amsterdamParagraphLargeWideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
|
|
238
|
+
export const amsterdamParagraphLargeNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
|
|
239
|
+
export const amsterdamParagraphLargeWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
|
|
239
240
|
export const amsterdamTopTaskLinkDescriptionColor = "#000000";
|
|
240
241
|
export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
241
242
|
export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
|
|
242
243
|
export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
|
|
243
|
-
export const amsterdamTopTaskLinkDescriptionNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
|
|
244
|
-
export const amsterdamTopTaskLinkDescriptionWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
|
|
244
|
+
export const amsterdamTopTaskLinkDescriptionNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
|
|
245
|
+
export const amsterdamTopTaskLinkDescriptionWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
|
|
245
246
|
export const amsterdamTopTaskLinkLabelColor = "#004699";
|
|
246
247
|
export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
247
248
|
export const amsterdamTopTaskLinkLabelFontWeight = 800;
|
|
248
249
|
export const amsterdamTopTaskLinkLabelHoverColor = "#00387A";
|
|
249
250
|
export const amsterdamTopTaskLinkLabelLineHeight = "1.4";
|
|
250
|
-
export const amsterdamTopTaskLinkLabelNarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
|
|
251
|
-
export const amsterdamTopTaskLinkLabelWideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
|
|
251
|
+
export const amsterdamTopTaskLinkLabelNarrowFontSize = "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)";
|
|
252
|
+
export const amsterdamTopTaskLinkLabelWideFontSize = "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)";
|
|
252
253
|
export const amsterdamTopTaskLinkOutlineOffset = "2px";
|
|
253
254
|
export const amsterdamUnorderedListColor = "#000000";
|
|
254
255
|
export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
@@ -256,8 +257,8 @@ export const amsterdamUnorderedListFontWeight = 400;
|
|
|
256
257
|
export const amsterdamUnorderedListGap = "0.75rem";
|
|
257
258
|
export const amsterdamUnorderedListLineHeight = "1.6";
|
|
258
259
|
export const amsterdamUnorderedListListStyleType = "'\\2022'";
|
|
259
|
-
export const amsterdamUnorderedListNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
|
|
260
|
-
export const amsterdamUnorderedListWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
|
|
260
|
+
export const amsterdamUnorderedListNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
|
|
261
|
+
export const amsterdamUnorderedListWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
|
|
261
262
|
export const amsterdamUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
262
263
|
export const amsterdamUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
263
264
|
export const amsterdamUnorderedListUnorderedListListStyleType = "'\\2013'";
|