@inchurch/matcha-theme 22.38.1 → 22.38.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/components/matcha-crop.scss +14 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
// matcha-crop.scss — Image cropper (Tier 1 + Tier 2 gold)
|
|
5
5
|
//
|
|
6
6
|
// Estrutura:
|
|
7
|
-
// .matcha-crop — host flex column (data-state, data-shape, data-ratio)
|
|
7
|
+
// .matcha-crop — host flex column (data-state, data-shape, data-ratio, data-stage)
|
|
8
8
|
// .matcha-crop__header — title + toolbar (reset, lock)
|
|
9
9
|
// .matcha-crop__canvas — image stage + interaction surface
|
|
10
10
|
// .matcha-crop__image — source img (transforma via translate/scale)
|
|
@@ -30,6 +30,19 @@
|
|
|
30
30
|
background: var(--matcha-color-surface-inverse, #121212);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
// Stage claro (data-stage="light", vindo do componente: stage='light' ou 'auto' com
|
|
34
|
+
// imagem com alfa). O surface-inverse é pra foto opaca; uma assinatura PNG de traço
|
|
35
|
+
// escuro sobre transparente sumia nele (IN-42580). Xadrez sutil sobre surface-card:
|
|
36
|
+
// evidencia a transparência sem competir com a imagem. O scrim fora do frame segue igual.
|
|
37
|
+
&[data-stage="light"] .matcha-crop__canvas {
|
|
38
|
+
background-color: var(--matcha-color-surface-card, #ffffff);
|
|
39
|
+
background-image: repeating-conic-gradient(
|
|
40
|
+
var(--matcha-color-surface-hover, rgba(0, 0, 0, 0.06)) 0 25%,
|
|
41
|
+
transparent 0 50%
|
|
42
|
+
);
|
|
43
|
+
background-size: 16px 16px;
|
|
44
|
+
}
|
|
45
|
+
|
|
33
46
|
.matcha-crop__overlay {
|
|
34
47
|
background: var(--matcha-color-scrim, rgba(0, 0, 0, 0.55));
|
|
35
48
|
}
|