@amsterdam/design-system-css 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/accordion/accordion.css +1 -1
  2. package/dist/accordion/accordion.css.map +1 -1
  3. package/dist/alert/alert.css +1 -0
  4. package/dist/alert/alert.css.map +1 -0
  5. package/dist/aspect-ratio/aspect-ratio.css +1 -30
  6. package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
  7. package/dist/blockquote/blockquote.css +1 -1
  8. package/dist/blockquote/blockquote.css.map +1 -1
  9. package/dist/breadcrumb/breadcrumb.css +1 -1
  10. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  11. package/dist/button/button.css +1 -1
  12. package/dist/button/button.css.map +1 -1
  13. package/dist/card/card.css +1 -56
  14. package/dist/card/card.css.map +1 -1
  15. package/dist/checkbox/checkbox.css +1 -1
  16. package/dist/checkbox/checkbox.css.map +1 -1
  17. package/dist/footer/footer.css +1 -1
  18. package/dist/footer/footer.css.map +1 -1
  19. package/dist/form-label/form-label.css +1 -1
  20. package/dist/form-label/form-label.css.map +1 -1
  21. package/dist/grid/grid-cell.css +1 -1
  22. package/dist/grid/grid-cell.css.map +1 -1
  23. package/dist/grid/grid.css +1 -0
  24. package/dist/grid/grid.css.map +1 -0
  25. package/dist/heading/heading.css +1 -1
  26. package/dist/heading/heading.css.map +1 -1
  27. package/dist/highlight/highlight.css +1 -0
  28. package/dist/highlight/highlight.css.map +1 -0
  29. package/dist/icon/icon.css +1 -1
  30. package/dist/icon/icon.css.map +1 -1
  31. package/dist/image/image.css +1 -0
  32. package/dist/image/image.css.map +1 -0
  33. package/dist/index.css +1 -1
  34. package/dist/index.css.map +1 -1
  35. package/dist/link/link.css +1 -1
  36. package/dist/link/link.css.map +1 -1
  37. package/dist/ordered-list/ordered-list.css +1 -1
  38. package/dist/ordered-list/ordered-list.css.map +1 -1
  39. package/dist/page-heading/page-heading.css +1 -1
  40. package/dist/page-heading/page-heading.css.map +1 -1
  41. package/dist/page-menu/page-menu.css +1 -1
  42. package/dist/page-menu/page-menu.css.map +1 -1
  43. package/dist/pagination/pagination.css +1 -0
  44. package/dist/pagination/pagination.css.map +1 -0
  45. package/dist/paragraph/paragraph.css +1 -1
  46. package/dist/paragraph/paragraph.css.map +1 -1
  47. package/dist/screen/screen.css +1 -0
  48. package/dist/screen/screen.css.map +1 -0
  49. package/dist/switch/switch.css +1 -59
  50. package/dist/switch/switch.css.map +1 -1
  51. package/dist/top-task-link/top-task-link.css +1 -1
  52. package/dist/top-task-link/top-task-link.css.map +1 -1
  53. package/dist/unordered-list/unordered-list.css +1 -1
  54. package/dist/unordered-list/unordered-list.css.map +1 -1
  55. package/documentation/coding-conventions.md +35 -0
  56. package/package.json +5 -5
  57. package/src/accordion/README.md +1 -1
  58. package/src/accordion/accordion.scss +7 -1
  59. package/src/alert/README.md +18 -0
  60. package/src/alert/alert.scss +69 -0
  61. package/src/aspect-ratio/README.md +18 -0
  62. package/src/aspect-ratio/aspect-ratio.scss +33 -0
  63. package/src/blockquote/blockquote.scss +3 -3
  64. package/src/breadcrumb/breadcrumb.scss +4 -4
  65. package/src/button/button.scss +10 -13
  66. package/src/card/README.md +12 -0
  67. package/src/card/card.scss +56 -0
  68. package/src/checkbox/README.md +1 -1
  69. package/src/checkbox/checkbox.scss +8 -2
  70. package/src/footer/footer.scss +0 -19
  71. package/src/form-label/README.md +1 -1
  72. package/src/form-label/form-label.scss +7 -1
  73. package/src/grid/README.grid-cell.md +14 -0
  74. package/src/grid/README.grid.md +17 -0
  75. package/src/grid/grid-cell.scss +31 -3
  76. package/src/grid/grid.scss +65 -0
  77. package/src/heading/heading.scss +5 -4
  78. package/src/highlight/README.md +15 -0
  79. package/src/highlight/highlight.scss +36 -0
  80. package/src/icon/icon.scss +10 -10
  81. package/src/image/README.md +18 -0
  82. package/src/image/image.scss +16 -0
  83. package/src/index.scss +18 -4
  84. package/src/link/link.scss +28 -36
  85. package/src/ordered-list/README.md +1 -1
  86. package/src/ordered-list/ordered-list.scss +1 -1
  87. package/src/page-heading/README.md +1 -1
  88. package/src/page-heading/page-heading.scss +2 -1
  89. package/src/page-menu/page-menu.scss +2 -2
  90. package/src/pagination/README.md +16 -0
  91. package/src/pagination/pagination.scss +75 -0
  92. package/src/paragraph/paragraph.scss +3 -3
  93. package/src/screen/README.md +20 -0
  94. package/src/screen/screen.scss +22 -0
  95. package/src/switch/README.md +20 -0
  96. package/src/switch/switch.scss +59 -0
  97. package/src/top-task-link/README.md +13 -8
  98. package/src/top-task-link/top-task-link.scss +2 -2
  99. package/src/unordered-list/README.md +1 -1
  100. package/src/unordered-list/unordered-list.scss +1 -1
  101. package/src/visually-hidden/README.md +2 -2
  102. package/utils/breakpoint.scss +14 -3
  103. package/dist/buttons/button/button.css +0 -729
  104. package/dist/buttons/button/button.css.map +0 -1
  105. package/dist/containers/accordion/accordion.css +0 -69
  106. package/dist/containers/accordion/accordion.css.map +0 -1
  107. package/dist/containers/footer/footer.css +0 -35
  108. package/dist/containers/footer/footer.css.map +0 -1
  109. package/dist/containers/visually-hidden/visually-hidden.css +0 -18
  110. package/dist/containers/visually-hidden/visually-hidden.css.map +0 -1
  111. package/dist/forms/checkbox/checkbox.css +0 -170
  112. package/dist/forms/checkbox/checkbox.css.map +0 -1
  113. package/dist/forms/form-label/form-label.css +0 -26
  114. package/dist/forms/form-label/form-label.css.map +0 -1
  115. package/dist/grid/page-grid.css +0 -1
  116. package/dist/grid/page-grid.css.map +0 -1
  117. package/dist/hero/hero.css +0 -1
  118. package/dist/hero/hero.css.map +0 -1
  119. package/dist/layout/grid-cell/grid-cell.css +0 -88
  120. package/dist/layout/grid-cell/grid-cell.css.map +0 -1
  121. package/dist/layout/page-grid/page-grid.css +0 -26
  122. package/dist/layout/page-grid/page-grid.css.map +0 -1
  123. package/dist/media/icon/icon.css +0 -122
  124. package/dist/media/icon/icon.css.map +0 -1
  125. package/dist/navigation/breadcrumb/breadcrumb.css +0 -67
  126. package/dist/navigation/breadcrumb/breadcrumb.css.map +0 -1
  127. package/dist/navigation/link/link.css +0 -111
  128. package/dist/navigation/link/link.css.map +0 -1
  129. package/dist/navigation/page-menu/page-menu.css +0 -83
  130. package/dist/navigation/page-menu/page-menu.css.map +0 -1
  131. package/dist/navigation/top-task-link/top-task-link.css +0 -59
  132. package/dist/navigation/top-task-link/top-task-link.css.map +0 -1
  133. package/dist/testula/testula.css +0 -9
  134. package/dist/testula/testula.css.map +0 -1
  135. package/dist/text/blockquote/blockquote.css +0 -43
  136. package/dist/text/blockquote/blockquote.css.map +0 -1
  137. package/dist/text/heading/heading.css +0 -67
  138. package/dist/text/heading/heading.css.map +0 -1
  139. package/dist/text/ordered-list/ordered-list.css +0 -54
  140. package/dist/text/ordered-list/ordered-list.css.map +0 -1
  141. package/dist/text/page-heading/page-heading.css +0 -34
  142. package/dist/text/page-heading/page-heading.css.map +0 -1
  143. package/dist/text/paragraph/paragraph.css +0 -53
  144. package/dist/text/paragraph/paragraph.css.map +0 -1
  145. package/dist/text/unordered-list/unordered-list.css +0 -54
  146. package/dist/text/unordered-list/unordered-list.css.map +0 -1
  147. package/src/grid/README.md +0 -11
  148. package/src/grid/page-grid.scss +0 -19
@@ -1,67 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-breadcrumb {
14
- font-family: var(--amsterdam-breadcrumb-font-family, inherit);
15
- font-size: var(--amsterdam-breadcrumb-narrow-font-size);
16
- line-height: var(--amsterdam-breadcrumb-line-height);
17
- }
18
- @media screen and (width > 53.375rem) {
19
- .amsterdam-breadcrumb {
20
- font-size: var(--amsterdam-breadcrumb-wide-font-size);
21
- }
22
- }
23
-
24
- .amsterdam-breadcrumb__list {
25
- break-after: avoid;
26
- break-inside: avoid;
27
- display: flex;
28
- flex-wrap: wrap;
29
- gap: 0.5rem;
30
- list-style: none;
31
- box-sizing: border-box;
32
- margin-block: 0;
33
- padding-inline: 0;
34
- }
35
-
36
- .amsterdam-breadcrumb-item {
37
- align-items: center;
38
- display: flex;
39
- }
40
-
41
- .amsterdam-breadcrumb-item:not(:last-child)::after {
42
- background-color: var(--amsterdam-breadcrumb-color);
43
- clip-path: path("M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z");
44
- content: "";
45
- display: inline-block;
46
- height: 16px;
47
- margin-inline-start: 1rem;
48
- width: 16px;
49
- }
50
-
51
- .amsterdam-breadcrumb-item__link {
52
- color: var(--amsterdam-breadcrumb-color);
53
- cursor: pointer;
54
- outline-offset: var(--amsterdam-breadcrumb-item-link-outline-offset);
55
- text-decoration: none;
56
- }
57
- .amsterdam-breadcrumb-item__link::first-letter {
58
- text-transform: capitalize;
59
- }
60
- .amsterdam-breadcrumb-item__link:focus, .amsterdam-breadcrumb-item__link:hover, .amsterdam-breadcrumb-item__link:active {
61
- color: var(--amsterdam-breadcrumb-item-link-hover-color);
62
- text-decoration: underline;
63
- text-decoration-thickness: 2px;
64
- text-underline-offset: 3px;
65
- }
66
-
67
- /*# sourceMappingURL=breadcrumb.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/navigation/breadcrumb/breadcrumb.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADQA;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EArBA;EACA;EACA;;;AAwBF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;EACA;EACA;EACA","file":"breadcrumb.css"}
@@ -1,111 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-link {
14
- color: var(--amsterdam-link-color);
15
- font-family: var(--amsterdam-link-font-family);
16
- font-weight: var(--amsterdam-link-font-weight);
17
- outline-offset: var(--amsterdam-link-outline-offset);
18
- }
19
- .amsterdam-link:hover, .amsterdam-link:active, .amsterdam-link:focus {
20
- color: var(--amsterdam-link-focus-color);
21
- }
22
-
23
- .amsterdam-link--standalone {
24
- display: inline-block;
25
- font-size: var(--amsterdam-link-standalone-narrow-font-size);
26
- line-height: var(--amsterdam-link-standalone-line-height);
27
- text-decoration-thickness: var(--amsterdam-link-standalone-text-decoration-thickness);
28
- text-underline-offset: var(--amsterdam-link-standalone-text-underline-offset);
29
- }
30
- .amsterdam-link--standalone:hover, .amsterdam-link--standalone:active, .amsterdam-link--standalone:focus {
31
- text-decoration-thickness: var(--amsterdam-link-standalone-focus-text-decoration-thickness);
32
- text-underline-offset: var(--amsterdam-link-standalone-focus-text-underline-offset);
33
- }
34
- @media screen and (width > 53.375rem) {
35
- .amsterdam-link--standalone {
36
- font-size: var(--amsterdam-link-standalone-wide-font-size);
37
- }
38
- }
39
-
40
- .amsterdam-link--inline {
41
- font-family: var(--amsterdam-link-inline-font-family);
42
- font-size: var(--amsterdam-link-inline-font-size);
43
- line-height: var(--amsterdam-link-inline-line-height);
44
- text-decoration: var(--amsterdam-link-inline-text-decoration);
45
- text-decoration-thickness: var(--amsterdam-link-text-decoration-thickness);
46
- }
47
- .amsterdam-link--inline:hover, .amsterdam-link--inline:active, .amsterdam-link--inline:focus {
48
- text-decoration: var(--amsterdam-link-inline-focus-text-decoration);
49
- text-underline-offset: var(--amsterdam-link-inline-focus-text-underline-offset);
50
- }
51
- .amsterdam-link--inline:visited {
52
- color: var(--amsterdam-link-inline-visited-color);
53
- }
54
-
55
- .amsterdam-link--in-list {
56
- align-items: flex-start;
57
- display: inline-flex;
58
- font-size: var(--amsterdam-link-in-list-narrow-font-size);
59
- gap: var(--amsterdam-link-in-list-gap);
60
- line-height: var(--amsterdam-link-in-list-line-height);
61
- text-decoration: var(--amsterdam-link-in-list-text-decoration);
62
- }
63
- .amsterdam-link--in-list:hover, .amsterdam-link--in-list:active, .amsterdam-link--in-list:focus {
64
- text-decoration: var(--amsterdam-link-in-list-focus-text-decoration);
65
- text-decoration-thickness: var(--amsterdam-link-in-list-focus-text-decoration-thickness);
66
- text-underline-offset: var(--amsterdam-link-in-list-focus-text-underline-offset);
67
- }
68
- @media screen and (width > 53.375rem) {
69
- .amsterdam-link--in-list {
70
- font-size: var(--amsterdam-link-in-list-wide-font-size);
71
- }
72
- }
73
-
74
- .amsterdam-link--in-list__chevron span.amsterdam-icon svg {
75
- height: 16px;
76
- width: 16px;
77
- }
78
-
79
- .amsterdam-link--on-background-dark {
80
- color: var(--amsterdam-link-on-background-dark-color);
81
- }
82
- .amsterdam-link--on-background-dark:hover, .amsterdam-link--on-background-dark:active, .amsterdam-link--on-background-dark:focus {
83
- color: var(--amsterdam-link-on-background-dark-hover-color);
84
- }
85
- .amsterdam-link--on-background-dark:visited {
86
- color: var(--amsterdam-link-on-background-dark-visited-color);
87
- }
88
-
89
- .amsterdam-link--on-background-light {
90
- color: var(--amsterdam-link-on-background-light-color);
91
- }
92
- .amsterdam-link--on-background-light:hover, .amsterdam-link--on-background-light:active, .amsterdam-link--on-background-light:focus {
93
- color: var(--amsterdam-link-on-background-light-hover-color);
94
- }
95
- .amsterdam-link--on-background-light:visited {
96
- color: var(--amsterdam-link-on-background-light-visited-color);
97
- }
98
-
99
- .amsterdam-link--inline.amsterdam-link--on-background-dark,
100
- .amsterdam-link--inline.amsterdam-link--on-background-light {
101
- text-decoration: var(--amsterdam-link-inline-focus-text-decoration);
102
- text-underline-offset: var(--amsterdam-link-inline-focus-text-underline-offset);
103
- }
104
- .amsterdam-link--inline.amsterdam-link--on-background-dark:hover, .amsterdam-link--inline.amsterdam-link--on-background-dark:active, .amsterdam-link--inline.amsterdam-link--on-background-dark:focus,
105
- .amsterdam-link--inline.amsterdam-link--on-background-light:hover,
106
- .amsterdam-link--inline.amsterdam-link--on-background-light:active,
107
- .amsterdam-link--inline.amsterdam-link--on-background-light:focus {
108
- text-decoration: var(--amsterdam-link-inline-text-decoration);
109
- }
110
-
111
- /*# sourceMappingURL=link.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/navigation/link/link.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;;AAEA;EAGE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAGE;EACA;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAGE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGE;EACA;EACA;;AAGF;EAhBF;IAiBI;;;;AAMF;EACE;EACA;;;AAIJ;EACE;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;EACE;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;EAGE","file":"link.css"}
@@ -1,83 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-page-menu {
14
- align-items: center;
15
- column-gap: var(--amsterdam-page-menu-column-gap);
16
- display: flex;
17
- flex-direction: row;
18
- flex-wrap: wrap;
19
- list-style: none;
20
- row-gap: var(--amsterdam-page-menu-row-gap);
21
- box-sizing: border-box;
22
- margin-block: 0;
23
- padding-inline: 0;
24
- }
25
-
26
- .amsterdam-page-menu__link {
27
- color: var(--amsterdam-page-menu-item-color);
28
- display: inline-flex;
29
- flex-direction: row;
30
- font-family: var(--amsterdam-page-menu-item-font-family);
31
- font-size: var(--amsterdam-page-menu-item-narrow-font-size);
32
- font-weight: var(--amsterdam-page-menu-item-narrow-font-weight);
33
- gap: var(--amsterdam-page-menu-item-gap);
34
- line-height: var(--amsterdam-page-menu-item-line-height);
35
- text-align: center;
36
- text-decoration: var(--amsterdam-page-menu-item-text-decoration);
37
- touch-action: manipulation;
38
- box-sizing: border-box;
39
- -webkit-text-size-adjust: 100%;
40
- }
41
- @media screen and (width > 53.375rem) {
42
- .amsterdam-page-menu__link {
43
- font-size: var(--amsterdam-page-menu-item-wide-font-size);
44
- }
45
- }
46
-
47
- .amsterdam-page-menu__button {
48
- cursor: pointer;
49
- box-sizing: border-box;
50
- -webkit-text-size-adjust: 100%;
51
- background-color: transparent;
52
- border: 0;
53
- margin-block: 0;
54
- padding-inline: 0;
55
- color: var(--amsterdam-page-menu-item-color);
56
- display: inline-flex;
57
- flex-direction: row;
58
- font-family: var(--amsterdam-page-menu-item-font-family);
59
- font-size: var(--amsterdam-page-menu-item-narrow-font-size);
60
- font-weight: var(--amsterdam-page-menu-item-narrow-font-weight);
61
- gap: var(--amsterdam-page-menu-item-gap);
62
- line-height: var(--amsterdam-page-menu-item-line-height);
63
- text-align: center;
64
- text-decoration: var(--amsterdam-page-menu-item-text-decoration);
65
- touch-action: manipulation;
66
- }
67
- @media screen and (width > 53.375rem) {
68
- .amsterdam-page-menu__button {
69
- font-size: var(--amsterdam-page-menu-item-wide-font-size);
70
- }
71
- }
72
-
73
- .amsterdam-page-menu__link:hover,
74
- .amsterdam-page-menu__button:hover {
75
- color: var(--amsterdam-page-menu-item-hover-color);
76
- }
77
-
78
- .amsterdam-page-menu__link svg,
79
- .amsterdam-page-menu__button svg {
80
- color: currentColor;
81
- }
82
-
83
- /*# sourceMappingURL=page-menu.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/navigation/page-menu/page-menu.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAxBA;EACA;EACA;;;AA6CF;EAjBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAlCA;EACA;;AAmCA;EAKF;IAJI;;;;AASJ;EACE;EA/CA;EACA;EAIA;EACA;EACA;EACA;EAgBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAUF;IATI;;;;AAiBJ;AAAA;EAEE;;;AAGF;AAAA;EAEE","file":"page-menu.css"}
@@ -1,59 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-top-task-link {
14
- break-inside: avoid;
15
- display: flex;
16
- flex-direction: column;
17
- gap: 0.5rem;
18
- outline-offset: var(--amsterdam-top-task-link-outline-offset);
19
- text-decoration: none;
20
- }
21
-
22
- .amsterdam-top-task-link__label {
23
- color: var(--amsterdam-top-task-link-label-color);
24
- font-family: var(--amsterdam-top-task-link-label-font-family);
25
- font-size: var(--amsterdam-top-task-link-label-narrow-font-size);
26
- font-weight: var(--amsterdam-top-task-link-label-font-weight);
27
- line-height: var(--amsterdam-top-task-link-label-line-height);
28
- box-sizing: border-box;
29
- -webkit-text-size-adjust: 100%;
30
- }
31
- @media screen and (width > 53.375rem) {
32
- .amsterdam-top-task-link__label {
33
- font-size: var(--amsterdam-top-task-link-label-wide-font-size);
34
- }
35
- }
36
-
37
- .amsterdam-top-task-link:hover .amsterdam-top-task-link__label {
38
- color: var(--amsterdam-top-task-link-label-hover-color);
39
- text-decoration: underline;
40
- text-decoration-thickness: 3px;
41
- text-underline-offset: 0.5rem;
42
- }
43
-
44
- .amsterdam-top-task-link__description {
45
- color: var(--amsterdam-top-task-link-description-color);
46
- font-family: var(--amsterdam-top-task-link-description-font-family);
47
- font-size: var(--amsterdam-top-task-link-description-narrow-font-size);
48
- font-weight: var(--amsterdam-top-task-link-description-font-weight);
49
- line-height: var(--amsterdam-top-task-link-description-line-height);
50
- box-sizing: border-box;
51
- -webkit-text-size-adjust: 100%;
52
- }
53
- @media screen and (width > 53.375rem) {
54
- .amsterdam-top-task-link__description {
55
- font-size: var(--amsterdam-top-task-link-description-wide-font-size);
56
- }
57
- }
58
-
59
- /*# sourceMappingURL=top-task-link.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/navigation/top-task-link/top-task-link.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACE;EACA;EACA;EACA;EACA;EATA;EACA;;AAUA;EAPF;IAQI;;;;AAMJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EA9BA;EACA;;AA+BA;EAPF;IAQI","file":"top-task-link.css"}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- .amsterdam-testula {
6
- /* Add styles here */
7
- }
8
-
9
- /*# sourceMappingURL=testula.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/testula/testula.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AACE","file":"testula.css"}
@@ -1,43 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * @license EUPL-1.2+
4
- * Copyright (c) 2023 Gemeente Amsterdam
5
- */
6
- /**
7
- * @license EUPL-1.2+
8
- * Copyright (c) 2023 Gemeente Amsterdam
9
- */
10
- /*
11
- The breakpoint is 854px / 16 = 53.375rems
12
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
13
- */
14
- .amsterdam-blockquote {
15
- color: var(--amsterdam-blockquote-color);
16
- font-family: var(--amsterdam-blockquote-font-family);
17
- font-size: var(--amsterdam-blockquote-narrow-font-size);
18
- font-weight: var(--amsterdam-blockquote-font-weight);
19
- line-height: var(--amsterdam-blockquote-line-height);
20
- quotes: "“" "”";
21
- box-sizing: border-box;
22
- break-after: avoid;
23
- break-inside: avoid;
24
- margin-block: 0;
25
- margin-inline: 0;
26
- }
27
- .amsterdam-blockquote::before {
28
- content: open-quote;
29
- }
30
- .amsterdam-blockquote::after {
31
- content: close-quote;
32
- }
33
- @media screen and (width > 53.375rem) {
34
- .amsterdam-blockquote {
35
- font-size: var(--amsterdam-blockquote-wide-font-size);
36
- }
37
- }
38
-
39
- .amsterdam-blockquote--inverse-color {
40
- color: var(--amsterdam-blockquote-inverse-color);
41
- }
42
-
43
- /*# sourceMappingURL=blockquote.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/blockquote/blockquote.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADUA;EACE;EACA;EACA;EACA;EACA;EACA;EAbA;EACA;EACA;EACA;EACA;;AAWA;EACE;;AAGF;EACE;;AAGF;EAhBF;IAiBI;;;;AAMJ;EACE","file":"blockquote.css"}
@@ -1,67 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-heading {
14
- break-after: avoid;
15
- break-inside: avoid;
16
- color: var(--amsterdam-heading-color);
17
- font-family: var(--amsterdam-heading-font-family);
18
- font-weight: var(--amsterdam-heading-font-weight);
19
- box-sizing: border-box;
20
- margin-block: 0;
21
- }
22
-
23
- .amsterdam-heading--1 {
24
- font-size: var(--amsterdam-heading-1-narrow-font-size);
25
- line-height: var(--amsterdam-heading-1-line-height);
26
- }
27
- @media screen and (width > 53.375rem) {
28
- .amsterdam-heading--1 {
29
- font-size: var(--amsterdam-heading-1-wide-font-size);
30
- }
31
- }
32
-
33
- .amsterdam-heading--2 {
34
- font-size: var(--amsterdam-heading-2-narrow-font-size);
35
- line-height: var(--amsterdam-heading-2-line-height);
36
- }
37
- @media screen and (width > 53.375rem) {
38
- .amsterdam-heading--2 {
39
- font-size: var(--amsterdam-heading-2-wide-font-size);
40
- }
41
- }
42
-
43
- .amsterdam-heading--3 {
44
- font-size: var(--amsterdam-heading-3-narrow-font-size);
45
- line-height: var(--amsterdam-heading-3-line-height);
46
- }
47
- @media screen and (width > 53.375rem) {
48
- .amsterdam-heading--3 {
49
- font-size: var(--amsterdam-heading-3-wide-font-size);
50
- }
51
- }
52
-
53
- .amsterdam-heading--4 {
54
- font-size: var(--amsterdam-heading-4-narrow-font-size);
55
- line-height: var(--amsterdam-heading-4-line-height);
56
- }
57
- @media screen and (width > 53.375rem) {
58
- .amsterdam-heading--4 {
59
- font-size: var(--amsterdam-heading-4-wide-font-size);
60
- }
61
- }
62
-
63
- .amsterdam-heading--inverse-color {
64
- color: var(--amsterdam-heading-inverse-color);
65
- }
66
-
67
- /*# sourceMappingURL=heading.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/heading/heading.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EATA;EACA;;;AAaF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE","file":"heading.css"}
@@ -1,54 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- /** Apply border box sizing, reset whitespace and list styles. */
14
- /** A list is a grid column with a gap between items. */
15
- .amsterdam-ordered-list {
16
- box-sizing: border-box;
17
- list-style-type: none;
18
- margin-block: 0;
19
- padding-inline-start: 0;
20
- -webkit-text-size-adjust: 100%;
21
- display: grid;
22
- gap: var(--amsterdam-ordered-list-gap);
23
- }
24
-
25
- /** A list with markers sets typography for its text content. */
26
- .amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) {
27
- color: var(--amsterdam-ordered-list-color);
28
- font-family: var(--amsterdam-ordered-list-font-family);
29
- font-size: var(--amsterdam-ordered-list-narrow-font-size);
30
- font-weight: var(--amsterdam-ordered-list-font-weight);
31
- line-height: var(--amsterdam-ordered-list-line-height);
32
- list-style-type: var(--amsterdam-ordered-list-list-style-type);
33
- /** List items are responsible for indentation and marker positioning. */
34
- }
35
- @media screen and (width > 53.375rem) {
36
- .amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) {
37
- font-size: var(--amsterdam-ordered-list-wide-font-size);
38
- }
39
- }
40
- .amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item {
41
- margin-inline-start: var(--amsterdam-ordered-list-item-margin-inline-start);
42
- padding-inline-start: var(--amsterdam-ordered-list-item-padding-inline-start);
43
- }
44
-
45
- /** A nested list has a different marker and less indentation for correct alignment. */
46
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-ordered-list {
47
- list-style-type: var(--amsterdam-ordered-list-ordered-list-list-style-type);
48
- }
49
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item {
50
- margin-inline-start: var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);
51
- padding-inline-start: var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start);
52
- }
53
-
54
- /*# sourceMappingURL=ordered-list.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/ordered-list/ordered-list.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;AASA;AACA;EARE;EACA;EACA;EACA;EACA;EAOA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EARF;IASI;;;AAIF;EACE;EACA;;;AAIJ;AACA;EACE;;AAEA;EACE;EACA","file":"ordered-list.css"}
@@ -1,34 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-page-heading {
14
- break-after: avoid;
15
- break-inside: avoid;
16
- color: var(--amsterdam-page-heading-color);
17
- font-family: var(--amsterdam-page-heading-font-family);
18
- font-size: var(--amsterdam-page-heading-narrow-font-size);
19
- font-weight: var(--amsterdam-page-heading-font-weight);
20
- line-height: var(--amsterdam-page-heading-line-height);
21
- box-sizing: border-box;
22
- margin-block: 0;
23
- }
24
- @media screen and (width > 53.375rem) {
25
- .amsterdam-page-heading {
26
- font-size: var(--amsterdam-page-heading-wide-font-size);
27
- }
28
- }
29
-
30
- .amsterdam-page-heading--inverse-color {
31
- color: var(--amsterdam-page-heading-inverse-color);
32
- }
33
-
34
- /*# sourceMappingURL=page-heading.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/page-heading/page-heading.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAXA;EACA;;AAYA;EATF;IAUI;;;;AAMJ;EACE","file":"page-heading.css"}
@@ -1,53 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-paragraph {
14
- color: var(--amsterdam-paragraph-color);
15
- font-family: var(--amsterdam-paragraph-font-family);
16
- font-size: var(--amsterdam-paragraph-narrow-font-size);
17
- font-weight: var(--amsterdam-paragraph-font-weight);
18
- line-height: var(--amsterdam-paragraph-line-height);
19
- box-sizing: border-box;
20
- margin-block: 0;
21
- -webkit-text-size-adjust: 100%;
22
- }
23
- @media screen and (width > 53.375rem) {
24
- .amsterdam-paragraph {
25
- font-size: var(--amsterdam-paragraph-wide-font-size);
26
- }
27
- }
28
-
29
- .amsterdam-paragraph--small {
30
- font-size: var(--amsterdam-paragraph-small-narrow-font-size);
31
- line-height: var(--amsterdam-paragraph-small-line-height);
32
- }
33
- @media screen and (width > 53.375rem) {
34
- .amsterdam-paragraph--small {
35
- font-size: var(--amsterdam-paragraph-small-wide-font-size);
36
- }
37
- }
38
-
39
- .amsterdam-paragraph--large {
40
- font-size: var(--amsterdam-paragraph-large-narrow-font-size);
41
- line-height: var(--amsterdam-paragraph-large-line-height);
42
- }
43
- @media screen and (width > 53.375rem) {
44
- .amsterdam-paragraph--large {
45
- font-size: var(--amsterdam-paragraph-large-wide-font-size);
46
- }
47
- }
48
-
49
- .amsterdam-paragraph--inverse-color {
50
- color: var(--amsterdam-paragraph-inverse-color);
51
- }
52
-
53
- /*# sourceMappingURL=paragraph.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/paragraph/paragraph.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADQA;EACE;EACA;EACA;EACA;EACA;EAVA;EACA;EACA;;AAUA;EAPF;IAQI;;;;AAMJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE","file":"paragraph.css"}
@@ -1,54 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- /** Apply border box sizing, reset whitespace and list styles. */
14
- /** A list is a grid column with a gap between items. */
15
- .amsterdam-unordered-list {
16
- box-sizing: border-box;
17
- list-style: none;
18
- margin-block: 0;
19
- padding-inline-start: 0;
20
- -webkit-text-size-adjust: 100%;
21
- display: grid;
22
- gap: var(--amsterdam-unordered-list-gap);
23
- }
24
-
25
- /** A list with markers sets typography for its text content. */
26
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) {
27
- color: var(--amsterdam-unordered-list-color);
28
- font-family: var(--amsterdam-unordered-list-font-family);
29
- font-size: var(--amsterdam-unordered-list-narrow-font-size);
30
- font-weight: var(--amsterdam-unordered-list-font-weight);
31
- line-height: var(--amsterdam-unordered-list-line-height);
32
- list-style-type: var(--amsterdam-unordered-list-list-style-type);
33
- /** List items are responsible for indentation and marker positioning. */
34
- }
35
- @media screen and (width > 53.375rem) {
36
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) {
37
- font-size: var(--amsterdam-unordered-list-wide-font-size);
38
- }
39
- }
40
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item {
41
- margin-inline-start: var(--amsterdam-unordered-list-item-margin-inline-start);
42
- padding-inline-start: var(--amsterdam-unordered-list-item-padding-inline-start);
43
- }
44
-
45
- /** A nested list has a different marker and less indentation for correct alignment. */
46
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-unordered-list {
47
- list-style-type: var(--amsterdam-unordered-list-unordered-list-list-style-type);
48
- }
49
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item {
50
- margin-inline-start: var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);
51
- padding-inline-start: var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start);
52
- }
53
-
54
- /*# sourceMappingURL=unordered-list.css.map */