@amsterdam/design-system-css 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/accordion.css +1 -1
- package/dist/accordion/accordion.css.map +1 -1
- package/dist/alert/alert.css +1 -0
- package/dist/alert/alert.css.map +1 -0
- package/dist/aspect-ratio/aspect-ratio.css +1 -30
- package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
- package/dist/blockquote/blockquote.css +1 -1
- package/dist/blockquote/blockquote.css.map +1 -1
- package/dist/breadcrumb/breadcrumb.css +1 -1
- package/dist/breadcrumb/breadcrumb.css.map +1 -1
- package/dist/button/button.css +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/form-label/form-label.css +1 -1
- package/dist/form-label/form-label.css.map +1 -1
- package/dist/heading/heading.css +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link/link.css +1 -1
- package/dist/link/link.css.map +1 -1
- package/dist/page-heading/page-heading.css +1 -1
- package/dist/page-heading/page-heading.css.map +1 -1
- package/package.json +4 -4
- package/src/accordion/accordion.scss +6 -0
- package/src/alert/README.md +18 -0
- package/src/alert/alert.scss +69 -0
- package/src/aspect-ratio/README.md +17 -0
- package/src/aspect-ratio/aspect-ratio.scss +29 -0
- package/src/blockquote/blockquote.scss +2 -2
- package/src/breadcrumb/breadcrumb.scss +1 -0
- package/src/button/button.scss +6 -0
- package/src/checkbox/checkbox.scss +6 -0
- package/src/form-label/README.md +1 -1
- package/src/form-label/form-label.scss +6 -0
- package/src/heading/heading.scss +1 -0
- package/src/index.scss +12 -4
- package/src/link/link.scss +6 -0
- package/src/ordered-list/README.md +1 -1
- package/src/page-heading/README.md +1 -1
- package/src/page-heading/page-heading.scss +1 -0
- package/src/top-task-link/README.md +1 -1
- package/src/unordered-list/README.md +1 -1
- package/src/visually-hidden/README.md +2 -2
- package/dist/buttons/button/button.css +0 -729
- package/dist/buttons/button/button.css.map +0 -1
- package/dist/card/card.css +0 -56
- package/dist/card/card.css.map +0 -1
- package/dist/containers/accordion/accordion.css +0 -69
- package/dist/containers/accordion/accordion.css.map +0 -1
- package/dist/containers/footer/footer.css +0 -35
- package/dist/containers/footer/footer.css.map +0 -1
- package/dist/containers/visually-hidden/visually-hidden.css +0 -18
- package/dist/containers/visually-hidden/visually-hidden.css.map +0 -1
- package/dist/forms/checkbox/checkbox.css +0 -170
- package/dist/forms/checkbox/checkbox.css.map +0 -1
- package/dist/forms/form-label/form-label.css +0 -26
- package/dist/forms/form-label/form-label.css.map +0 -1
- package/dist/hero/hero.css +0 -1
- package/dist/hero/hero.css.map +0 -1
- package/dist/layout/grid-cell/grid-cell.css +0 -88
- package/dist/layout/grid-cell/grid-cell.css.map +0 -1
- package/dist/layout/page-grid/page-grid.css +0 -26
- package/dist/layout/page-grid/page-grid.css.map +0 -1
- package/dist/media/icon/icon.css +0 -122
- package/dist/media/icon/icon.css.map +0 -1
- package/dist/navigation/breadcrumb/breadcrumb.css +0 -67
- package/dist/navigation/breadcrumb/breadcrumb.css.map +0 -1
- package/dist/navigation/link/link.css +0 -111
- package/dist/navigation/link/link.css.map +0 -1
- package/dist/navigation/page-menu/page-menu.css +0 -83
- package/dist/navigation/page-menu/page-menu.css.map +0 -1
- package/dist/navigation/top-task-link/top-task-link.css +0 -59
- package/dist/navigation/top-task-link/top-task-link.css.map +0 -1
- package/dist/switch/switch.css +0 -59
- package/dist/switch/switch.css.map +0 -1
- package/dist/testula/testula.css +0 -9
- package/dist/testula/testula.css.map +0 -1
- package/dist/text/blockquote/blockquote.css +0 -43
- package/dist/text/blockquote/blockquote.css.map +0 -1
- package/dist/text/heading/heading.css +0 -67
- package/dist/text/heading/heading.css.map +0 -1
- package/dist/text/ordered-list/ordered-list.css +0 -54
- package/dist/text/ordered-list/ordered-list.css.map +0 -1
- package/dist/text/page-heading/page-heading.css +0 -34
- package/dist/text/page-heading/page-heading.css.map +0 -1
- package/dist/text/paragraph/paragraph.css +0 -53
- package/dist/text/paragraph/paragraph.css.map +0 -1
- package/dist/text/unordered-list/unordered-list.css +0 -54
- package/dist/text/unordered-list/unordered-list.css.map +0 -1
|
@@ -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 */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/text/unordered-list/unordered-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":"unordered-list.css"}
|