@ndla/preset-panda 0.0.21 → 0.0.23
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/styles.css +27 -2
- package/es/boxShadows.js +5 -2
- package/es/globalCss.js +22 -0
- package/lib/boxShadows.d.ts +3 -0
- package/lib/boxShadows.js +5 -2
- package/lib/globalCss.js +22 -0
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -102,6 +102,14 @@
|
|
|
102
102
|
line-height: calc(var(--line-heights-large) * 1.11);
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
.ndla-article p[data-align="center"] {
|
|
106
|
+
text-align: center;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ndla-article p:has(span[dir="rtl"]) {
|
|
110
|
+
direction: rtl;
|
|
111
|
+
}
|
|
112
|
+
|
|
105
113
|
.ndla-article details,.ndla-article blockquote,.ndla-article [data-embed-type="framed-content"],.ndla-article [data-embed-type="factbox"],.ndla-article table,.ndla-article [data-embed-type="related-content-list"],.ndla-article [data-embed-type="link-block-list"],.ndla-article [data-embed-type="blog-post"],.ndla-article [data-embed-type="campaign-block"],.ndla-article [data-embed-type="key-figure"],.ndla-article [data-embed-type="grid"],.ndla-article [data-embed-type="contact-block"],.ndla-article [data-embed-type="file-list"],.ndla-article [data-embed-type="uu-disclaimer"] {
|
|
106
114
|
margin-block-start: var(--spacing-xxlarge);
|
|
107
115
|
margin-block-end: var(--spacing-xxlarge);
|
|
@@ -136,6 +144,22 @@
|
|
|
136
144
|
margin-block-start: var(--spacing-xxlarge);
|
|
137
145
|
}
|
|
138
146
|
|
|
147
|
+
.ndla-article [data-embed-type="framed-content"] > :first-child,.ndla-article [data-embed-type="grid"] > div > :first-child,.ndla-article [data-embed-type="grid-parallax"] > div > :first-child,.ndla-article [data-embed-type="factbox"] > div > :first-child,.ndla-article [data-embed-type="copyright"] > :first-child,.ndla-article [data-embed-type="uu-disclaimer"] > :first-child,.ndla-article details > :first-child,.ndla-article blockquote > :first-child {
|
|
148
|
+
margin-block-start: 0;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.ndla-article [data-embed-type="framed-content"] > :last-child,.ndla-article [data-embed-type="grid"] > div > :last-child,.ndla-article [data-embed-type="grid-parallax"] > div > :last-child,.ndla-article [data-embed-type="factbox"] > div > :last-child,.ndla-article [data-embed-type="copyright"] > :last-child,.ndla-article [data-embed-type="uu-disclaimer"] > :last-child,.ndla-article details > :last-child,.ndla-article blockquote > :last-child {
|
|
152
|
+
margin-block-end: 0;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.ndla-article section:not([class]) > :first-child,.ndla-article section:not([class]) > div:not([class]) > :first-child {
|
|
156
|
+
margin-block-start: var(--spacing-xxlarge);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.ndla-article section:not([class]) > :last-child,.ndla-article section:not([class]) > div:not([class]) > :last-child {
|
|
160
|
+
margin-block-end: var(--spacing-xxlarge);
|
|
161
|
+
}
|
|
162
|
+
|
|
139
163
|
a:not([class]):not([data-unstyled]),a[class=""]:not([data-unstyled]) {
|
|
140
164
|
color: var(--colors-text-link);
|
|
141
165
|
text-decoration: underline;
|
|
@@ -412,8 +436,9 @@
|
|
|
412
436
|
--shadows-large: 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
|
|
413
437
|
--shadows-xlarge: 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
|
|
414
438
|
--shadows-full: 4px 4px 0px 0px var(--colors-primary);
|
|
415
|
-
--shadows-inner: 0px -1px 0px 0px
|
|
416
|
-
--shadows-inner-top: 0px 1px 0px 0px
|
|
439
|
+
--shadows-inner: 0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset;
|
|
440
|
+
--shadows-inner-top: 0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset;
|
|
441
|
+
--shadows-inner-right: -1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset;
|
|
417
442
|
--z-index-hide: -1;
|
|
418
443
|
--z-index-base: 0;
|
|
419
444
|
--z-index-docked: 10;
|
package/es/boxShadows.js
CHANGED
|
@@ -27,9 +27,12 @@ export const boxShadows = defineTokens.shadows({
|
|
|
27
27
|
value: "4px 4px 0px 0px {colors.primary}"
|
|
28
28
|
},
|
|
29
29
|
inner: {
|
|
30
|
-
value: `0px -1px 0px 0px
|
|
30
|
+
value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset` //colors.primary
|
|
31
31
|
},
|
|
32
32
|
innerTop: {
|
|
33
|
-
value: "0px 1px 0px 0px
|
|
33
|
+
value: "0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
|
|
34
|
+
},
|
|
35
|
+
innerRight: {
|
|
36
|
+
value: "-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
|
|
34
37
|
}
|
|
35
38
|
});
|
package/es/globalCss.js
CHANGED
|
@@ -54,6 +54,12 @@ export const globalCss = defineGlobalStyles({
|
|
|
54
54
|
"h4, h5, h6": {
|
|
55
55
|
textStyle: "title.medium"
|
|
56
56
|
},
|
|
57
|
+
'& p[data-align="center"]': {
|
|
58
|
+
textAlign: "center"
|
|
59
|
+
},
|
|
60
|
+
'& p:has(span[dir="rtl"])': {
|
|
61
|
+
direction: "rtl"
|
|
62
|
+
},
|
|
57
63
|
textStyle: "body.article",
|
|
58
64
|
width: "100%",
|
|
59
65
|
// Non-figure block elements that should have margin above and below.
|
|
@@ -86,6 +92,22 @@ export const globalCss = defineGlobalStyles({
|
|
|
86
92
|
"& > :is(:first-child)": {
|
|
87
93
|
marginBlockStart: "xxlarge"
|
|
88
94
|
}
|
|
95
|
+
},
|
|
96
|
+
'& [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"], [data-embed-type="uu-disclaimer"], details, blockquote': {
|
|
97
|
+
"& > :first-child": {
|
|
98
|
+
marginBlockStart: "0"
|
|
99
|
+
},
|
|
100
|
+
"& > :last-child": {
|
|
101
|
+
marginBlockEnd: "0"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"& section:not([class]), section:not([class]) > div:not([class])": {
|
|
105
|
+
"& > :first-child": {
|
|
106
|
+
marginBlockStart: "xxlarge"
|
|
107
|
+
},
|
|
108
|
+
"& > :last-child": {
|
|
109
|
+
marginBlockEnd: "xxlarge"
|
|
110
|
+
}
|
|
89
111
|
}
|
|
90
112
|
},
|
|
91
113
|
// Adds default link styling to links without classes
|
package/lib/boxShadows.d.ts
CHANGED
package/lib/boxShadows.js
CHANGED
|
@@ -33,9 +33,12 @@ const boxShadows = exports.boxShadows = _dev.defineTokens.shadows({
|
|
|
33
33
|
value: "4px 4px 0px 0px {colors.primary}"
|
|
34
34
|
},
|
|
35
35
|
inner: {
|
|
36
|
-
value: `0px -1px 0px 0px
|
|
36
|
+
value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset` //colors.primary
|
|
37
37
|
},
|
|
38
38
|
innerTop: {
|
|
39
|
-
value: "0px 1px 0px 0px
|
|
39
|
+
value: "0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
|
|
40
|
+
},
|
|
41
|
+
innerRight: {
|
|
42
|
+
value: "-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
|
|
40
43
|
}
|
|
41
44
|
});
|
package/lib/globalCss.js
CHANGED
|
@@ -60,6 +60,12 @@ const globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
|
|
|
60
60
|
"h4, h5, h6": {
|
|
61
61
|
textStyle: "title.medium"
|
|
62
62
|
},
|
|
63
|
+
'& p[data-align="center"]': {
|
|
64
|
+
textAlign: "center"
|
|
65
|
+
},
|
|
66
|
+
'& p:has(span[dir="rtl"])': {
|
|
67
|
+
direction: "rtl"
|
|
68
|
+
},
|
|
63
69
|
textStyle: "body.article",
|
|
64
70
|
width: "100%",
|
|
65
71
|
// Non-figure block elements that should have margin above and below.
|
|
@@ -92,6 +98,22 @@ const globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
|
|
|
92
98
|
"& > :is(:first-child)": {
|
|
93
99
|
marginBlockStart: "xxlarge"
|
|
94
100
|
}
|
|
101
|
+
},
|
|
102
|
+
'& [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"], [data-embed-type="uu-disclaimer"], details, blockquote': {
|
|
103
|
+
"& > :first-child": {
|
|
104
|
+
marginBlockStart: "0"
|
|
105
|
+
},
|
|
106
|
+
"& > :last-child": {
|
|
107
|
+
marginBlockEnd: "0"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"& section:not([class]), section:not([class]) > div:not([class])": {
|
|
111
|
+
"& > :first-child": {
|
|
112
|
+
marginBlockStart: "xxlarge"
|
|
113
|
+
},
|
|
114
|
+
"& > :last-child": {
|
|
115
|
+
marginBlockEnd: "xxlarge"
|
|
116
|
+
}
|
|
95
117
|
}
|
|
96
118
|
},
|
|
97
119
|
// Adds default link styling to links without classes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/preset-panda",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"description": "Panda preset for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
],
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@ndla/core": "^5.0.2",
|
|
35
|
-
"@pandacss/dev": "^0.
|
|
35
|
+
"@pandacss/dev": "^0.45.2"
|
|
36
36
|
},
|
|
37
37
|
"publishConfig": {
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "58687255a5be26e49b6a21d830cf0af5be37b9fa"
|
|
41
41
|
}
|