@kolkrabbi/kol-theme 0.82.0 → 0.83.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/kol-components-molecules.css +9 -10
- package/package.json +1 -1
|
@@ -1116,8 +1116,11 @@
|
|
|
1116
1116
|
* happening reads as a photograph breathing; a fast one reads as a
|
|
1117
1117
|
* glitch.
|
|
1118
1118
|
* ───────────────────────────────────────────────────────────────────── */
|
|
1119
|
-
|
|
1120
|
-
|
|
1119
|
+
/* THE TARGET IS THE WRAPPER'S CHILD, WHATEVER IT IS (CatalogCardFrameAndZoom,
|
|
1120
|
+
* kol-website 2026-08-28): a catalog card whose media is an SVG glyph on a
|
|
1121
|
+
* specimen plate resolves `zoom` true and got the class, the transition and no
|
|
1122
|
+
* motion while this named img/video. Everything but the ring hairline. */
|
|
1123
|
+
.kol-media-zoom > :not(.kol-media-ring) {
|
|
1121
1124
|
transition: transform 600ms var(--kol-ease-house);
|
|
1122
1125
|
/* THE ANCHOR IS THE CONSUMER'S (ContentMediaFocusBinding, kol-monitor
|
|
1123
1126
|
* 2026-08-27): `--kol-media-focus`, bound once on a repo's :root, is where
|
|
@@ -1128,16 +1131,14 @@
|
|
|
1128
1131
|
}
|
|
1129
1132
|
|
|
1130
1133
|
@media (hover: hover) {
|
|
1131
|
-
.group:hover .kol-media-zoom >
|
|
1132
|
-
.group:hover .kol-media-zoom > video {
|
|
1134
|
+
.group:hover .kol-media-zoom > :not(.kol-media-ring) {
|
|
1133
1135
|
transform: scale(1.06);
|
|
1134
1136
|
}
|
|
1135
1137
|
/* the HERO rung (StackCardHover, 2026-08-27 — user: "that is TOO MUCH
|
|
1136
1138
|
* ZOOM"): 1.06 on a ~1500px featured thumb is 90px of travel where the
|
|
1137
1139
|
* 500px list thumbs move 30. 1.02 on the hero is the same pixel travel.
|
|
1138
1140
|
* `ListingCard size="hero"` wears it; ContentMedia takes zoom="hero". */
|
|
1139
|
-
.group:hover .kol-media-zoom.is-hero >
|
|
1140
|
-
.group:hover .kol-media-zoom.is-hero > video {
|
|
1141
|
+
.group:hover .kol-media-zoom.is-hero > :not(.kol-media-ring) {
|
|
1141
1142
|
transform: scale(1.02);
|
|
1142
1143
|
}
|
|
1143
1144
|
}
|
|
@@ -1176,12 +1177,10 @@
|
|
|
1176
1177
|
}
|
|
1177
1178
|
|
|
1178
1179
|
@media (prefers-reduced-motion: reduce) {
|
|
1179
|
-
.kol-media-zoom >
|
|
1180
|
-
.kol-media-zoom > video {
|
|
1180
|
+
.kol-media-zoom > :not(.kol-media-ring) {
|
|
1181
1181
|
transition: none;
|
|
1182
1182
|
}
|
|
1183
|
-
.group:hover .kol-media-zoom >
|
|
1184
|
-
.group:hover .kol-media-zoom > video {
|
|
1183
|
+
.group:hover .kol-media-zoom > :not(.kol-media-ring) {
|
|
1185
1184
|
transform: none;
|
|
1186
1185
|
}
|
|
1187
1186
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.83.0",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|