@nl-rvo/css-heading 2.3.0 → 2.4.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/dist/heading.css +1 -0
- package/dist/heading.css.map +1 -0
- package/package.json +23 -22
- package/src/{index.scss → heading.scss} +6 -6
- package/CHANGELOG.md +0 -67
- package/README.md +0 -34
- package/design.md +0 -7
- package/dist/index.css +0 -154
- package/dist/index.min.css +0 -1
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.d.ts +0 -2
package/dist/heading.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"@utrecht/heading-1-css/dist/index.css";@import"@utrecht/heading-2-css/dist/index.css";@import"@utrecht/heading-3-css/dist/index.css";@import"@utrecht/heading-4-css/dist/index.css";@import"@utrecht/heading-5-css/dist/index.css";@import"@utrecht/heading-6-css/dist/index.css";.rvo-heading{align-items:center;color:var(--rvo-color-lintblauw);display:flex}.rvo-heading--normal{font-weight:var(--rvo-font-weight-normal)}.rvo-heading--gap-xs{gap:var(--rvo-space-xs)}.rvo-heading--gap-sm{gap:var(--rvo-space-sm)}.rvo-heading--margin-1{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.rvo-heading--margin-2{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.rvo-heading--margin-3{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.rvo-heading--margin-4{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.rvo-heading--margin-5{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.rvo-heading--margin-6{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.rvo-heading__icon{display:flex}.rvo-heading__content{display:block;font-size:inherit}/*# sourceMappingURL=heading.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/heading.scss"],"names":[],"mappings":"AAAQ,+CACA,+CACA,+CACA,+CACA,+CACA,+CAER,aACE,mBACA,iCACA,aAEA,qBACE,0CAGF,qBACE,wBAGF,qBACE,wBAIA,uBACE,2DACA,+DAFF,uBACE,2DACA,+DAFF,uBACE,2DACA,+DAFF,uBACE,2DACA,+DAFF,uBACE,2DACA,+DAFF,uBACE,2DACA,+DAIJ,mBACE,aAGF,sBACE,cACA","file":"heading.css"}
|
package/package.json
CHANGED
|
@@ -1,42 +1,43 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.
|
|
2
|
+
"version": "2.4.0",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"license": "CC0-1.0",
|
|
5
5
|
"name": "@nl-rvo/css-heading",
|
|
6
6
|
"description": "Heading CSS component",
|
|
7
7
|
"keywords": [
|
|
8
8
|
"nl-design-system",
|
|
9
|
+
"nl-rvo",
|
|
9
10
|
"css",
|
|
10
11
|
"heading"
|
|
11
12
|
],
|
|
12
|
-
"files": [
|
|
13
|
-
"src/index.scss",
|
|
14
|
-
"dist/",
|
|
15
|
-
"design-tokens.json",
|
|
16
|
-
"*.md"
|
|
17
|
-
],
|
|
18
|
-
"main": "dist/index.css",
|
|
19
|
-
"publishConfig": {
|
|
20
|
-
"access": "public"
|
|
21
|
-
},
|
|
22
13
|
"repository": {
|
|
23
14
|
"type": "git+ssh",
|
|
24
15
|
"url": "git@github.com:nl-design-system/rvo.git",
|
|
25
|
-
"directory": "components/heading"
|
|
16
|
+
"directory": "components/heading/style"
|
|
26
17
|
},
|
|
27
|
-
"
|
|
28
|
-
"
|
|
18
|
+
"files": [
|
|
19
|
+
"src/",
|
|
20
|
+
"dist/"
|
|
21
|
+
],
|
|
22
|
+
"exports": {
|
|
23
|
+
".": "./dist/heading.css",
|
|
24
|
+
"./dist/*": "./dist/*"
|
|
25
|
+
},
|
|
26
|
+
"publishConfig": {
|
|
27
|
+
"access": "public",
|
|
28
|
+
"provenance": true
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@utrecht/heading-1-css": "
|
|
32
|
-
"@utrecht/heading-2-css": "
|
|
33
|
-
"@utrecht/heading-3-css": "
|
|
34
|
-
"@utrecht/heading-4-css": "
|
|
35
|
-
"@utrecht/heading-5-css": "
|
|
36
|
-
"@utrecht/heading-6-css": "
|
|
31
|
+
"@utrecht/heading-1-css": "3.0.1",
|
|
32
|
+
"@utrecht/heading-2-css": "3.0.1",
|
|
33
|
+
"@utrecht/heading-3-css": "3.0.1",
|
|
34
|
+
"@utrecht/heading-4-css": "3.0.1",
|
|
35
|
+
"@utrecht/heading-5-css": "3.0.1",
|
|
36
|
+
"@utrecht/heading-6-css": "3.0.1"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
|
-
"build": "
|
|
40
|
-
"
|
|
39
|
+
"build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
|
|
40
|
+
"watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
|
|
41
|
+
"clean": "rimraf ./dist/"
|
|
41
42
|
}
|
|
42
43
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
1
|
+
@import "@utrecht/heading-1-css/dist/index.css";
|
|
2
|
+
@import "@utrecht/heading-2-css/dist/index.css";
|
|
3
|
+
@import "@utrecht/heading-3-css/dist/index.css";
|
|
4
|
+
@import "@utrecht/heading-4-css/dist/index.css";
|
|
5
|
+
@import "@utrecht/heading-5-css/dist/index.css";
|
|
6
|
+
@import "@utrecht/heading-6-css/dist/index.css";
|
|
7
7
|
|
|
8
8
|
.rvo-heading {
|
|
9
9
|
align-items: center;
|
package/CHANGELOG.md
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
# `@nl-rvo/css-heading`
|
|
2
|
-
|
|
3
|
-
## 2.3.0
|
|
4
|
-
|
|
5
|
-
### Minor Changes
|
|
6
|
-
|
|
7
|
-
- 5f77e75: Update Heading component to support Icons before and after and not have issues with spans or other html inside the content of the Heading
|
|
8
|
-
- 8c0a7f8: Update related utrecht css packages.
|
|
9
|
-
|
|
10
|
-
## 2.2.0
|
|
11
|
-
|
|
12
|
-
### Minor Changes
|
|
13
|
-
|
|
14
|
-
- fa36e07: Project structure updates
|
|
15
|
-
|
|
16
|
-
- Moved all Storybook stories to the /stories directory.
|
|
17
|
-
- Moved all documentation files to the /docs directory.
|
|
18
|
-
- Removed React components from library-component-react and moved them into this package.
|
|
19
|
-
- Update all .stories imports to the right react package "component-library-react"
|
|
20
|
-
- Fix all Redundant / PascalCase lint warnings for .stories files.
|
|
21
|
-
|
|
22
|
-
## 2.1.1
|
|
23
|
-
|
|
24
|
-
### Patch Changes
|
|
25
|
-
|
|
26
|
-
- 11eb258: Update imports to support storybook v10
|
|
27
|
-
|
|
28
|
-
## 2.1.0
|
|
29
|
-
|
|
30
|
-
### Minor Changes
|
|
31
|
-
|
|
32
|
-
- dae7f09: design token and css name changes from logoblauw to lintblauw
|
|
33
|
-
|
|
34
|
-
## 2.0.0
|
|
35
|
-
|
|
36
|
-
### Major Changes
|
|
37
|
-
|
|
38
|
-
- 6342755: Heading Component code cleaned up. Removed build-in options for icons and link. Rvo-icons are still supported through styling
|
|
39
|
-
|
|
40
|
-
## 1.2.0
|
|
41
|
-
|
|
42
|
-
### Minor Changes
|
|
43
|
-
|
|
44
|
-
- 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
|
|
45
|
-
|
|
46
|
-
## 1.0.1
|
|
47
|
-
|
|
48
|
-
### Patch Changes
|
|
49
|
-
|
|
50
|
-
- 5f65632: Extended Heading type with HTML heading attributes
|
|
51
|
-
|
|
52
|
-
## 1.0.0
|
|
53
|
-
|
|
54
|
-
### Major Changes
|
|
55
|
-
|
|
56
|
-
- daa0537: Create npm package for each component.
|
|
57
|
-
|
|
58
|
-
## Pre-releases
|
|
59
|
-
|
|
60
|
-
_@nl-rvo/component-library-css@1.0.0-alpha.385_:
|
|
61
|
-
Add support for 'mixed' bold and normal headings by using `utrecht-heading--mixed`
|
|
62
|
-
|
|
63
|
-
_@nl-rvo/component-library-css@1.0.0-alpha.363_:
|
|
64
|
-
Add option to remove margins
|
|
65
|
-
|
|
66
|
-
_@nl-rvo/component-library-css@1.0.0-alpha.172_:
|
|
67
|
-
Added component
|
package/README.md
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
# Heading
|
|
2
|
-
|
|
3
|
-
## Wanneer gebruik je een heading?
|
|
4
|
-
|
|
5
|
-
Je gebruikt een heading om duidelijk te maken dat het om een koptekst gaat. De content van dit component wordt altijd bepaald door het te wrappen in de `h-element`. Hieronder een aantal voorbeelden als je de CSS package gebruikt en als je de React Package gebruikt
|
|
6
|
-
|
|
7
|
-
### CSS
|
|
8
|
-
|
|
9
|
-
Als je de CSS classes gaat toepassen dan moeten alle classes gebruikt worden op het h-element. De volgende classes zijn aanwezig:
|
|
10
|
-
|
|
11
|
-
- utrecht-heading-(number 1 - 6)
|
|
12
|
-
- rvo-heading
|
|
13
|
-
- rvo-heading--margin-(number 1 - 6) | Als je margin wilt toepassen. Nummer moet gelijk zijn aan het h-element dat gebruikt wordt.
|
|
14
|
-
- rvo-heading--normal | Als de font-weight normal moet zijn.
|
|
15
|
-
|
|
16
|
-
Als de content van een heading uit meerdere items bestaat, dan deze classes toepassen om ruimte tussen elementen te geven.
|
|
17
|
-
|
|
18
|
-
- rvo-heading--gap-sm | Als je h1 of h2 gebruikt, deze class toepassen.
|
|
19
|
-
- rvo-heading--gap-xs | Bij de overige h-elementen deze class toepassen.
|
|
20
|
-
|
|
21
|
-
### React
|
|
22
|
-
|
|
23
|
-
Import als gebruikelijk en wrap de inhoud in de `<Heading>`-tags.
|
|
24
|
-
|
|
25
|
-
#### Iconen gebruiken
|
|
26
|
-
|
|
27
|
-
Heading ondersteund ook het gebruik van het `<Icon>` component dat aangeboden wordt in ROOS. Als je een icoon toepast dan wordt de kleur en size al bepaald door de CSS, dus deze hoef je niet te declareren als parameters voor het icoon.
|
|
28
|
-
|
|
29
|
-
## Richtlijnen
|
|
30
|
-
|
|
31
|
-
- Gebruik maximaal één h1.
|
|
32
|
-
- Zorg ervoor dat de tekst in de heading duidelijk aangeeft waar de pagina of onderstaande tekst over gaat.
|
|
33
|
-
- Bij het gebruik van een heading met zowel dikgedrukte als normale tekst kun je de class `utrecht-heading--mixed` gebruiken. Deze class zorgt ervoor dat de heading standaard niet dikgedrukt is zodat je delen van de tekst dikgedrukt kunt maken met `<strong>` elementen.
|
|
34
|
-
- Sla geen heading niveau’s over. Na een of meerdere H2’s komen een of meerdere H3’s. Na een of meerdere H3’s komen een of meerdere H4’s, etc.
|
package/design.md
DELETED
package/dist/index.css
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c) 2020-2024 Frameless B.V.
|
|
4
|
-
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
.utrecht-heading-1 {
|
|
8
|
-
break-inside: avoid-column;
|
|
9
|
-
page-break-after: avoid;
|
|
10
|
-
page-break-inside: avoid;
|
|
11
|
-
color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
12
|
-
font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
13
|
-
font-size: var(--utrecht-heading-1-font-size, revert);
|
|
14
|
-
font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
15
|
-
line-height: var(--utrecht-heading-1-line-height);
|
|
16
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
|
|
17
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
|
|
18
|
-
page-break-after: avoid;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.utrecht-heading-1--distanced {
|
|
22
|
-
--utrecht-space-around: 1;
|
|
23
|
-
}
|
|
24
|
-
.utrecht-heading-2 {
|
|
25
|
-
break-inside: avoid-column;
|
|
26
|
-
page-break-after: avoid;
|
|
27
|
-
page-break-inside: avoid;
|
|
28
|
-
color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
29
|
-
font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
30
|
-
font-size: var(--utrecht-heading-2-font-size, revert);
|
|
31
|
-
font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
32
|
-
line-height: var(--utrecht-heading-2-line-height);
|
|
33
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
|
|
34
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
|
|
35
|
-
page-break-after: avoid;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.utrecht-heading-2--distanced {
|
|
39
|
-
--utrecht-space-around: 1;
|
|
40
|
-
}
|
|
41
|
-
.utrecht-heading-3 {
|
|
42
|
-
break-inside: avoid-column;
|
|
43
|
-
page-break-after: avoid;
|
|
44
|
-
page-break-inside: avoid;
|
|
45
|
-
color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
46
|
-
font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
47
|
-
font-size: var(--utrecht-heading-3-font-size, revert);
|
|
48
|
-
font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
49
|
-
line-height: var(--utrecht-heading-3-line-height);
|
|
50
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
|
|
51
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
|
|
52
|
-
page-break-after: avoid;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.utrecht-heading-3--distanced {
|
|
56
|
-
--utrecht-space-around: 1;
|
|
57
|
-
}
|
|
58
|
-
.utrecht-heading-4 {
|
|
59
|
-
break-inside: avoid-column;
|
|
60
|
-
page-break-after: avoid;
|
|
61
|
-
page-break-inside: avoid;
|
|
62
|
-
color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
63
|
-
font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
64
|
-
font-size: var(--utrecht-heading-4-font-size, revert);
|
|
65
|
-
font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
66
|
-
line-height: var(--utrecht-heading-4-line-height);
|
|
67
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
|
|
68
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
|
|
69
|
-
page-break-after: avoid;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.utrecht-heading-4--distanced {
|
|
73
|
-
--utrecht-space-around: 1;
|
|
74
|
-
}
|
|
75
|
-
.utrecht-heading-5 {
|
|
76
|
-
break-inside: avoid-column;
|
|
77
|
-
page-break-after: avoid;
|
|
78
|
-
page-break-inside: avoid;
|
|
79
|
-
color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
80
|
-
font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
81
|
-
font-size: var(--utrecht-heading-5-font-size, revert);
|
|
82
|
-
font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
83
|
-
line-height: var(--utrecht-heading-5-line-height);
|
|
84
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
|
|
85
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
|
|
86
|
-
page-break-after: avoid;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.utrecht-heading-5--distanced {
|
|
90
|
-
--utrecht-space-around: 1;
|
|
91
|
-
}
|
|
92
|
-
.utrecht-heading-6 {
|
|
93
|
-
break-inside: avoid-column;
|
|
94
|
-
page-break-after: avoid;
|
|
95
|
-
page-break-inside: avoid;
|
|
96
|
-
color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
97
|
-
font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
98
|
-
font-size: var(--utrecht-heading-6-font-size, revert);
|
|
99
|
-
font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
|
|
100
|
-
line-height: var(--utrecht-heading-6-line-height);
|
|
101
|
-
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
|
|
102
|
-
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
|
|
103
|
-
page-break-after: avoid;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.utrecht-heading-6--distanced {
|
|
107
|
-
--utrecht-space-around: 1;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.rvo-heading {
|
|
111
|
-
align-items: center;
|
|
112
|
-
color: var(--rvo-color-lintblauw);
|
|
113
|
-
display: flex;
|
|
114
|
-
}
|
|
115
|
-
.rvo-heading--normal {
|
|
116
|
-
font-weight: var(--rvo-font-weight-normal);
|
|
117
|
-
}
|
|
118
|
-
.rvo-heading--gap-xs {
|
|
119
|
-
gap: var(--rvo-space-xs);
|
|
120
|
-
}
|
|
121
|
-
.rvo-heading--gap-sm {
|
|
122
|
-
gap: var(--rvo-space-sm);
|
|
123
|
-
}
|
|
124
|
-
.rvo-heading--margin-1 {
|
|
125
|
-
margin-block-end: var(--utrecht-heading-1-margin-block-end);
|
|
126
|
-
margin-block-start: var(--utrecht-heading-1-margin-block-start);
|
|
127
|
-
}
|
|
128
|
-
.rvo-heading--margin-2 {
|
|
129
|
-
margin-block-end: var(--utrecht-heading-2-margin-block-end);
|
|
130
|
-
margin-block-start: var(--utrecht-heading-2-margin-block-start);
|
|
131
|
-
}
|
|
132
|
-
.rvo-heading--margin-3 {
|
|
133
|
-
margin-block-end: var(--utrecht-heading-3-margin-block-end);
|
|
134
|
-
margin-block-start: var(--utrecht-heading-3-margin-block-start);
|
|
135
|
-
}
|
|
136
|
-
.rvo-heading--margin-4 {
|
|
137
|
-
margin-block-end: var(--utrecht-heading-4-margin-block-end);
|
|
138
|
-
margin-block-start: var(--utrecht-heading-4-margin-block-start);
|
|
139
|
-
}
|
|
140
|
-
.rvo-heading--margin-5 {
|
|
141
|
-
margin-block-end: var(--utrecht-heading-5-margin-block-end);
|
|
142
|
-
margin-block-start: var(--utrecht-heading-5-margin-block-start);
|
|
143
|
-
}
|
|
144
|
-
.rvo-heading--margin-6 {
|
|
145
|
-
margin-block-end: var(--utrecht-heading-6-margin-block-end);
|
|
146
|
-
margin-block-start: var(--utrecht-heading-6-margin-block-start);
|
|
147
|
-
}
|
|
148
|
-
.rvo-heading__icon {
|
|
149
|
-
display: flex;
|
|
150
|
-
}
|
|
151
|
-
.rvo-heading__content {
|
|
152
|
-
display: block;
|
|
153
|
-
font-size: inherit;
|
|
154
|
-
}
|
package/dist/index.min.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.utrecht-heading-1{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-1--distanced{--utrecht-space-around:1}.utrecht-heading-2{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-2--distanced{--utrecht-space-around:1}.utrecht-heading-3{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}.utrecht-heading-4{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}.utrecht-heading-5{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-5--distanced{--utrecht-space-around:1}.utrecht-heading-6{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-6--distanced{--utrecht-space-around:1}.rvo-heading{align-items:center;color:var(--rvo-color-lintblauw);display:flex}.rvo-heading--normal{font-weight:var(--rvo-font-weight-normal)}.rvo-heading--gap-xs{gap:var(--rvo-space-xs)}.rvo-heading--gap-sm{gap:var(--rvo-space-sm)}.rvo-heading--margin-1{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.rvo-heading--margin-2{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.rvo-heading--margin-3{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.rvo-heading--margin-4{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.rvo-heading--margin-5{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.rvo-heading--margin-6{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.rvo-heading__icon{display:flex}.rvo-heading__content{display:block;font-size:inherit}
|
package/dist/index.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default ".utrecht-heading-1{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-1--distanced{--utrecht-space-around:1}.utrecht-heading-2{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-2--distanced{--utrecht-space-around:1}.utrecht-heading-3{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}.utrecht-heading-4{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}.utrecht-heading-5{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-5--distanced{--utrecht-space-around:1}.utrecht-heading-6{break-inside:avoid-column;page-break-inside:avoid;color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-6--distanced{--utrecht-space-around:1}.rvo-heading{align-items:center;color:var(--rvo-color-lintblauw);display:flex}.rvo-heading--normal{font-weight:var(--rvo-font-weight-normal)}.rvo-heading--gap-xs{gap:var(--rvo-space-xs)}.rvo-heading--gap-sm{gap:var(--rvo-space-sm)}.rvo-heading--margin-1{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.rvo-heading--margin-2{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.rvo-heading--margin-3{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.rvo-heading--margin-4{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.rvo-heading--margin-5{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.rvo-heading--margin-6{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.rvo-heading__icon{display:flex}.rvo-heading__content{display:block;font-size:inherit}";
|
package/dist/index.mjs.d.ts
DELETED