emily-css 1.0.25 → 1.0.27
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/CHANGELOG.md +265 -224
- package/package.json +59 -59
- package/src/generators.js +174 -46
- package/src/index.js +576 -74
- package/src/init.js +13 -2
- package/templates/showcase.html +2 -2
package/src/init.js
CHANGED
|
@@ -429,6 +429,9 @@ function createDefaultConfig({
|
|
|
429
429
|
base: "8px",
|
|
430
430
|
md: "12px",
|
|
431
431
|
lg: "16px",
|
|
432
|
+
xl: "20px",
|
|
433
|
+
"2xl": "24px",
|
|
434
|
+
"3xl": "32px",
|
|
432
435
|
full: "9999px",
|
|
433
436
|
},
|
|
434
437
|
},
|
|
@@ -453,14 +456,22 @@ function createDefaultConfig({
|
|
|
453
456
|
{ name: "2xl", value: "24px", lineHeight: 1.4 },
|
|
454
457
|
{ name: "3xl", value: "30px", lineHeight: 1.4 },
|
|
455
458
|
{ name: "4xl", value: "36px", lineHeight: 1.3 },
|
|
459
|
+
{ name: "5xl", value: "48px", lineHeight: 1.15 },
|
|
460
|
+
{ name: "6xl", value: "60px", lineHeight: 1.1 },
|
|
461
|
+
{ name: "7xl", value: "72px", lineHeight: 1.05 },
|
|
462
|
+
{ name: "8xl", value: "96px", lineHeight: 1 },
|
|
463
|
+
{ name: "9xl", value: "128px", lineHeight: 1 },
|
|
456
464
|
],
|
|
457
465
|
},
|
|
458
466
|
|
|
459
467
|
shadows: {
|
|
460
468
|
sm: "0 1px 2px rgba(0, 0, 0, 0.05)",
|
|
461
469
|
base: "0 4px 6px rgba(0, 0, 0, 0.1)",
|
|
462
|
-
md: "0
|
|
463
|
-
lg: "0
|
|
470
|
+
md: "0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06)",
|
|
471
|
+
lg: "0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05)",
|
|
472
|
+
xl: "0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",
|
|
473
|
+
"2xl": "0 25px 50px rgba(0, 0, 0, 0.25)",
|
|
474
|
+
inner: "inset 0 2px 4px rgba(0, 0, 0, 0.06)",
|
|
464
475
|
none: "none",
|
|
465
476
|
},
|
|
466
477
|
|
package/templates/showcase.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
6
|
<title>EmilyUI Showcase</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
7
|
+
<link rel="stylesheet" href="../dist/emily.min.css">
|
|
8
8
|
<style>
|
|
9
9
|
html {
|
|
10
10
|
scroll-behavior: smooth;
|
|
@@ -949,7 +949,7 @@
|
|
|
949
949
|
|
|
950
950
|
<div class="lg:col-span-2">
|
|
951
951
|
<h3 class="font-bold mb-3">.center-screen</h3>
|
|
952
|
-
<div class="border border-neutral-20 rounded-t-lg overflow-hidden bg-neutral-80" style="min-height:
|
|
952
|
+
<div class="border border-neutral-20 rounded-t-lg overflow-hidden bg-neutral-80" style="min-height: 50vh; position: relative;">
|
|
953
953
|
<div class="center-screen" style="position: absolute;">
|
|
954
954
|
<div class="bg-white rounded-lg shadow-lg border border-neutral-20 p-6 text-center" style="max-width: 340px; width: 90%;">
|
|
955
955
|
<h4 class="text-lg font-bold mb-2">Confirm action</h4>
|