dowel-ui 0.26.0 → 0.27.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/README.md +2 -2
- package/dist/registry.json +174 -80
- package/dist/theme.css +14 -5
- package/package.json +1 -1
package/dist/theme.css
CHANGED
|
@@ -210,11 +210,20 @@
|
|
|
210
210
|
/* Elevation, three steps. The products had one shadow and used it for
|
|
211
211
|
* everything that leaves the flow - a toast, a dropdown and a modal all
|
|
212
212
|
* floated by the same amount, so a modal never felt further away than the
|
|
213
|
-
* menu it covered.
|
|
214
|
-
*
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
213
|
+
* menu it covered. The three are the steps.
|
|
214
|
+
*
|
|
215
|
+
* Two layers each, and that is what makes them read as depth on a dark
|
|
216
|
+
* surface rather than as a stain. One big soft blur at high opacity is what
|
|
217
|
+
* these were - `0 24px 60px` of 55% black - and against a near-black page
|
|
218
|
+
* the wide skirt never resolves into shade: it just darkens a ring of
|
|
219
|
+
* background around the panel, which a pilot photographed and called an ugly
|
|
220
|
+
* dark contour. Depth is read from the CONTACT shadow, the tight one right
|
|
221
|
+
* under the edge; the ambient layer only has to hint that there is room
|
|
222
|
+
* under the thing. So each step is a tight, slightly stronger layer plus a
|
|
223
|
+
* wider, much weaker one, and the totals come down. */
|
|
224
|
+
--shadow-lift: 0 1px 2px rgb(0 0 0 / 0.4), 0 2px 6px rgb(0 0 0 / 0.22);
|
|
225
|
+
--shadow-raise: 0 2px 4px rgb(0 0 0 / 0.36), 0 8px 20px rgb(0 0 0 / 0.26);
|
|
226
|
+
--shadow-float: 0 4px 8px rgb(0 0 0 / 0.36), 0 18px 44px rgb(0 0 0 / 0.32);
|
|
218
227
|
}
|
|
219
228
|
|
|
220
229
|
/*
|
package/package.json
CHANGED