@gemeentenijmegen/components-css 0.0.1-alpha.38 → 0.0.1-alpha.39
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/index.min.css +1 -1
- package/index.scss +1 -0
- package/package.json +3 -3
- package/table-of-contents/index.scss +20 -0
package/dist/index.min.css
CHANGED
|
@@ -136,4 +136,4 @@
|
|
|
136
136
|
--utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
|
|
137
137
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
138
138
|
--utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
|
|
139
|
-
);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}
|
|
139
|
+
);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-table-of-contents{background-color:var(--nijmegen-table-of-contents-background-color);border-color:var(--nijmegen-table-of-contents-border-color);border-inline-start-style:solid;border-inline-start-width:var(--nijmegen-table-of-contents-border-inline-start-width);display:flex;flex-direction:column;gap:var(--nijmegen-table-of-contents-row-gap);padding-block-end:var(--nijmegen-table-of-contents-padding-block-start);padding-block-start:var(--nijmegen-table-of-contents-padding-block-end);padding-inline-end:var(--nijmegen-table-of-contents-padding-inline-end);padding-inline-start:var(--nijmegen-table-of-contents-padding-inline-start)}@media (width >= 576px){.nijmegen-table-of-contents{padding-block-end:var(--nijmegen-table-of-contents-large-vw-padding-block-start);padding-block-start:var(--nijmegen-table-of-contents-large-vw-padding-block-end);padding-inline-end:var(--nijmegen-table-of-contents-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-of-contents-large-vw-padding-inline-start)}}
|
package/index.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.0.1-alpha.
|
|
2
|
+
"version": "0.0.1-alpha.39",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "CSS Components for a design system based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"url": "git@github.com:GemeenteNijmegen/design-system.git"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@gemeentenijmegen/layout-css": "0.0.1-alpha.
|
|
27
|
+
"@gemeentenijmegen/layout-css": "0.0.1-alpha.52",
|
|
28
28
|
"@rollup/plugin-terser": "0.4.4",
|
|
29
29
|
"@utrecht/button-css": "2.3.1",
|
|
30
30
|
"@utrecht/focus-ring-css": "2.3.1",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"rollup": "4.12.1",
|
|
35
35
|
"rollup-plugin-postcss": "4.0.2"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "cd433110c5127046a78af234232a69b7079e7073"
|
|
38
38
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.nijmegen-table-of-contents {
|
|
2
|
+
background-color: var(--nijmegen-table-of-contents-background-color);
|
|
3
|
+
border-color: var(--nijmegen-table-of-contents-border-color);
|
|
4
|
+
border-inline-start-style: solid;
|
|
5
|
+
border-inline-start-width: var(--nijmegen-table-of-contents-border-inline-start-width);
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
gap: var(--nijmegen-table-of-contents-row-gap);
|
|
9
|
+
padding-block-end: var(--nijmegen-table-of-contents-padding-block-start);
|
|
10
|
+
padding-block-start: var(--nijmegen-table-of-contents-padding-block-end);
|
|
11
|
+
padding-inline-end: var(--nijmegen-table-of-contents-padding-inline-end);
|
|
12
|
+
padding-inline-start: var(--nijmegen-table-of-contents-padding-inline-start);
|
|
13
|
+
|
|
14
|
+
@media (width >=576px) {
|
|
15
|
+
padding-block-end: var(--nijmegen-table-of-contents-large-vw-padding-block-start);
|
|
16
|
+
padding-block-start: var(--nijmegen-table-of-contents-large-vw-padding-block-end);
|
|
17
|
+
padding-inline-end: var(--nijmegen-table-of-contents-large-vw-padding-inline-end);
|
|
18
|
+
padding-inline-start: var(--nijmegen-table-of-contents-large-vw-padding-inline-start);
|
|
19
|
+
}
|
|
20
|
+
}
|