Compare commits
No commits in common. "e15e53f16104c023fb97a79ed133838902d4b106" and "0ae327ea5600bec94b86061071de95298b131bda" have entirely different histories.
e15e53f161
...
0ae327ea56
@ -123,19 +123,8 @@ css:
|
|||||||
/* ---- Typography -------------------------------------------- */
|
/* ---- Typography -------------------------------------------- */
|
||||||
/* Families flow through the admin-bound CSS variables; the
|
/* Families flow through the admin-bound CSS variables; the
|
||||||
fallback leads with the bundled OFL family so the intended look
|
fallback leads with the bundled OFL family so the intended look
|
||||||
survives before the admin assigns a slot.
|
survives before the admin assigns a slot. @font-face for the
|
||||||
|
bundled families is auto-emitted from fonts.json. */
|
||||||
Bundled display faces. The host does not yet emit @font-face for
|
|
||||||
bundled_fonts (LoadedPlugin.BundledFonts is unconsumed — CMS dead
|
|
||||||
code), so the theme declares its own faces against the served
|
|
||||||
artifact paths (/templates/kindergarten/fonts/...). Presets set
|
|
||||||
typography.fontHeading/fontBody to template:kindergarten:<Family>
|
|
||||||
so --font-heading/--font-body resolve to these families. Weights
|
|
||||||
match fonts.json exactly (Baloo 2 700; Quicksand 400/500 share the
|
|
||||||
400 file, 700 its own). */
|
|
||||||
@font-face { font-family: 'Baloo 2'; src: url('/templates/kindergarten/fonts/baloo2-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
|
|
||||||
@font-face { font-family: 'Quicksand'; src: url('/templates/kindergarten/fonts/quicksand-400.woff2') format('woff2'); font-weight: 400 500; font-style: normal; font-display: swap; }
|
|
||||||
@font-face { font-family: 'Quicksand'; src: url('/templates/kindergarten/fonts/quicksand-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
|
|
||||||
|
|
||||||
.kg-body {
|
.kg-body {
|
||||||
font-family: var(--font-body, "Quicksand", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif);
|
font-family: var(--font-body, "Quicksand", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif);
|
||||||
@ -385,17 +374,12 @@ css:
|
|||||||
.kg-btn-primary { background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); box-shadow: 0 4px 0 0 hsl(var(--foreground) / 0.15); }
|
.kg-btn-primary { background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); box-shadow: 0 4px 0 0 hsl(var(--foreground) / 0.15); }
|
||||||
.kg-btn-outline { background-color: hsl(var(--background)); color: hsl(var(--primary)); border: 3px solid hsl(var(--primary)); }
|
.kg-btn-outline { background-color: hsl(var(--background)); color: hsl(var(--primary)); border: 3px solid hsl(var(--primary)); }
|
||||||
|
|
||||||
/* Alphabet strip (persona block). Aligned to the content column
|
/* Alphabet strip (persona block). */
|
||||||
(same max-width + inline padding as .kg-container) so its left
|
|
||||||
edge lines up with every other block instead of sitting flush to
|
|
||||||
the viewport edge; still horizontally scrollable when narrow. */
|
|
||||||
.kg-alphabet-strip {
|
.kg-alphabet-strip {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
gap: 0.6rem;
|
gap: 0.6rem;
|
||||||
max-width: 72rem;
|
padding: 0.6rem 1rem;
|
||||||
margin-inline: auto;
|
|
||||||
padding: 0.6rem 1.5rem;
|
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
name = "kindergarten"
|
name = "kindergarten"
|
||||||
display_name = "Kindergarten"
|
display_name = "Kindergarten"
|
||||||
scope = "@themes"
|
scope = "@themes"
|
||||||
version = "0.4.0"
|
version = "0.3.0"
|
||||||
description = "Primary-colored, hand-lettered theme for preschools and daycares — crayon borders, sticker badges, confetti, and a bouncing mascot showpiece."
|
description = "Primary-colored, hand-lettered theme for preschools and daycares — crayon borders, sticker badges, confetti, and a bouncing mascot showpiece."
|
||||||
kind = "theme"
|
kind = "theme"
|
||||||
categories = ["templates"]
|
categories = ["templates"]
|
||||||
|
|||||||
20
presets.json
@ -5,10 +5,6 @@
|
|||||||
"description": "The default — crayon blue, red, and yellow. Bright classroom by day, quiet-time navy by night.",
|
"description": "The default — crayon blue, red, and yellow. Bright classroom by day, quiet-time navy by night.",
|
||||||
"theme": {
|
"theme": {
|
||||||
"mode": "both",
|
"mode": "both",
|
||||||
"typography": {
|
|
||||||
"fontHeading": "template:kindergarten:Baloo 2",
|
|
||||||
"fontBody": "template:kindergarten:Quicksand"
|
|
||||||
},
|
|
||||||
"lightColors": {
|
"lightColors": {
|
||||||
"background": "48 55% 98%",
|
"background": "48 55% 98%",
|
||||||
"foreground": "222 47% 16%",
|
"foreground": "222 47% 16%",
|
||||||
@ -59,10 +55,6 @@
|
|||||||
"description": "Warm red-and-sun classroom by day, soft navy with a glow-star yellow for nap time.",
|
"description": "Warm red-and-sun classroom by day, soft navy with a glow-star yellow for nap time.",
|
||||||
"theme": {
|
"theme": {
|
||||||
"mode": "both",
|
"mode": "both",
|
||||||
"typography": {
|
|
||||||
"fontHeading": "template:kindergarten:Baloo 2",
|
|
||||||
"fontBody": "template:kindergarten:Quicksand"
|
|
||||||
},
|
|
||||||
"lightColors": {
|
"lightColors": {
|
||||||
"background": "40 70% 97%",
|
"background": "40 70% 97%",
|
||||||
"foreground": "20 40% 18%",
|
"foreground": "20 40% 18%",
|
||||||
@ -113,10 +105,6 @@
|
|||||||
"description": "Calm blue-and-teal for reading corners. Deep quiet navy with a teal glow after dark.",
|
"description": "Calm blue-and-teal for reading corners. Deep quiet navy with a teal glow after dark.",
|
||||||
"theme": {
|
"theme": {
|
||||||
"mode": "both",
|
"mode": "both",
|
||||||
"typography": {
|
|
||||||
"fontHeading": "template:kindergarten:Baloo 2",
|
|
||||||
"fontBody": "template:kindergarten:Quicksand"
|
|
||||||
},
|
|
||||||
"lightColors": {
|
"lightColors": {
|
||||||
"background": "205 60% 98%",
|
"background": "205 60% 98%",
|
||||||
"foreground": "218 45% 16%",
|
"foreground": "218 45% 16%",
|
||||||
@ -167,10 +155,6 @@
|
|||||||
"description": "Green-and-orange nature play by day, deep teal-navy with a warm glow for winding down.",
|
"description": "Green-and-orange nature play by day, deep teal-navy with a warm glow for winding down.",
|
||||||
"theme": {
|
"theme": {
|
||||||
"mode": "both",
|
"mode": "both",
|
||||||
"typography": {
|
|
||||||
"fontHeading": "template:kindergarten:Baloo 2",
|
|
||||||
"fontBody": "template:kindergarten:Quicksand"
|
|
||||||
},
|
|
||||||
"lightColors": {
|
"lightColors": {
|
||||||
"background": "90 45% 97%",
|
"background": "90 45% 97%",
|
||||||
"foreground": "140 35% 15%",
|
"foreground": "140 35% 15%",
|
||||||
@ -221,10 +205,6 @@
|
|||||||
"description": "Playful pink-and-purple for toy shops and party rooms. Plum-navy with a soft glow at night.",
|
"description": "Playful pink-and-purple for toy shops and party rooms. Plum-navy with a soft glow at night.",
|
||||||
"theme": {
|
"theme": {
|
||||||
"mode": "both",
|
"mode": "both",
|
||||||
"typography": {
|
|
||||||
"fontHeading": "template:kindergarten:Baloo 2",
|
|
||||||
"fontBody": "template:kindergarten:Quicksand"
|
|
||||||
},
|
|
||||||
"lightColors": {
|
"lightColors": {
|
||||||
"background": "330 50% 98%",
|
"background": "330 50% 98%",
|
||||||
"foreground": "300 35% 18%",
|
"foreground": "300 35% 18%",
|
||||||
|
|||||||
BIN
preview.png
|
Before Width: | Height: | Size: 288 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 289 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 290 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 202 KiB After Width: | Height: | Size: 93 KiB |
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 177 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 179 KiB After Width: | Height: | Size: 74 KiB |