@adminiumjs/tokens 0.2.5 → 0.2.7
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 +1 -1
- package/src/motion.css +17 -1
- package/src/tailwind.css +2 -0
package/package.json
CHANGED
package/src/motion.css
CHANGED
|
@@ -99,8 +99,16 @@
|
|
|
99
99
|
box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .6);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
/* button press: hover brighten, active shrink
|
|
102
|
+
/* button press: hover brighten, active shrink.
|
|
103
|
+
|
|
104
|
+
`cursor: pointer` lives HERE, on the class that means "this presses", rather
|
|
105
|
+
than in each component's variants. Tailwind v4's preflight does not restore
|
|
106
|
+
it and the browser default for <button> is an arrow, so every pressable in
|
|
107
|
+
the product had been showing one — 62 of the kit's 66 components never set a
|
|
108
|
+
cursor at all. One rule fixes them together, and a disabled control is
|
|
109
|
+
unaffected: `disabled:pointer-events-none` means it has no cursor to change. */
|
|
103
110
|
.nb-press {
|
|
111
|
+
cursor: pointer;
|
|
104
112
|
transition: transform .12s ease, filter .12s ease;
|
|
105
113
|
}
|
|
106
114
|
.nb-press:hover { filter: brightness(1.05); }
|
|
@@ -108,6 +116,7 @@
|
|
|
108
116
|
|
|
109
117
|
/* icon button: hover well, active shrink */
|
|
110
118
|
.nb-ib {
|
|
119
|
+
cursor: pointer;
|
|
111
120
|
transition: background-color .13s ease, transform .13s ease;
|
|
112
121
|
}
|
|
113
122
|
.nb-ib:hover { background-color: var(--surface-3); }
|
|
@@ -187,3 +196,10 @@
|
|
|
187
196
|
}
|
|
188
197
|
.nb-skel { animation: none !important; background: var(--surface-3) !important; }
|
|
189
198
|
}
|
|
199
|
+
|
|
200
|
+
/* A bottom sheet rising into place — the Export Builder comp's phone-width
|
|
201
|
+
column browser (41-export-builder.md D13). */
|
|
202
|
+
@keyframes nb-sheetup {
|
|
203
|
+
from { transform: translateY(100%); }
|
|
204
|
+
to { transform: none; }
|
|
205
|
+
}
|
package/src/tailwind.css
CHANGED
|
@@ -73,6 +73,8 @@
|
|
|
73
73
|
--spacing-sidebar: 256px;
|
|
74
74
|
--container-form: 640px; --container-narrow: 720px; --container-page: 1080px;
|
|
75
75
|
--container-marketing: 1160px; --container-wide: 1200px; --container-max: 1360px; --container-widest: 1800px;
|
|
76
|
+
/* The email editor's canvas column (39-email-templates-and-campaigns.md D15): the comp's 680. */
|
|
77
|
+
--container-email: 680px;
|
|
76
78
|
/* A reading column for a short stack of controls rather than a grid. Wide
|
|
77
79
|
enough for a two-up field row, narrow enough that a lone label does not run
|
|
78
80
|
the full monitor; `--container-narrow` (720px) is a text measure and
|