@kadal/theme-brand 0.5.1 → 0.5.2
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/package.json +2 -2
- package/style.css +16 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kadal/theme-brand",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "Brand, a theme for Kadal Deck (@kadal/deck). A corporate theme a company brands without CSS: primary and secondary colours, a logo and a footer line, all from themeConfig, on a clean and trustworthy layout.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"kadal-theme",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"test": "bun test"
|
|
99
99
|
},
|
|
100
100
|
"peerDependencies": {
|
|
101
|
-
"@kadal/deck": "^0.5.
|
|
101
|
+
"@kadal/deck": "^0.5.2",
|
|
102
102
|
"react": "^19.2.0"
|
|
103
103
|
},
|
|
104
104
|
"devDependencies": {
|
package/style.css
CHANGED
|
@@ -753,3 +753,19 @@
|
|
|
753
753
|
.theme-brand .deck-layout-center > :is(h1, h2) {
|
|
754
754
|
margin-bottom: 0.3em;
|
|
755
755
|
}
|
|
756
|
+
|
|
757
|
+
/* ── a slide with its own background ───────────────────────────────────────
|
|
758
|
+
`background:` on a slide (a colour, a picture, a built-in or library background) is the
|
|
759
|
+
author's: the engine marks the slide `has-background` and the theme's decorative backdrop for
|
|
760
|
+
that layout steps aside, instead of painting over it or stacking a second set of art on it. */
|
|
761
|
+
.theme-brand .deck-slide.has-background.layout-cover::before {
|
|
762
|
+
display: none;
|
|
763
|
+
}
|
|
764
|
+
/* the cover's words were set for the brand fill; on the author's background they are the deck's */
|
|
765
|
+
.theme-brand .deck-slide.has-background .deck-layout-cover,
|
|
766
|
+
.theme-brand .deck-slide.has-background .deck-layout-cover :is(h1, h2, h3, h4, p, a) {
|
|
767
|
+
color: var(--deck-fg);
|
|
768
|
+
}
|
|
769
|
+
.theme-brand .deck-slide.has-background .deck-layout-cover > p {
|
|
770
|
+
color: var(--deck-muted);
|
|
771
|
+
}
|