@x33025/sveltely 0.0.2 → 0.0.4

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.
@@ -25,7 +25,25 @@
25
25
  }
26
26
 
27
27
  .hstack {
28
- @apply flex min-h-0 min-w-0 flex-1 flex-row;
28
+ @apply flex min-w-0 flex-1 flex-row;
29
+ }
30
+
31
+ .spacer {
32
+ flex: 1 1 auto;
33
+ }
34
+
35
+ .divider {
36
+ @apply bg-gray-200/70;
37
+ }
38
+
39
+ .hstack > .divider {
40
+ width: 1px;
41
+ align-self: stretch;
42
+ }
43
+
44
+ .vstack > .divider {
45
+ height: 1px;
46
+ width: 100%;
29
47
  }
30
48
  }
31
49
 
package/dist/style.css CHANGED
@@ -535,11 +535,27 @@
535
535
  }
536
536
  .hstack {
537
537
  display: flex;
538
- min-height: calc(var(--spacing) * 0);
539
538
  min-width: calc(var(--spacing) * 0);
540
539
  flex: 1;
541
540
  flex-direction: row;
542
541
  }
542
+ .spacer {
543
+ flex: 1 1 auto;
544
+ }
545
+ .divider {
546
+ background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
547
+ @supports (color: color-mix(in lab, red, red)) {
548
+ background-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
549
+ }
550
+ }
551
+ .hstack > .divider {
552
+ width: 1px;
553
+ align-self: stretch;
554
+ }
555
+ .vstack > .divider {
556
+ height: 1px;
557
+ width: 100%;
558
+ }
543
559
  }
544
560
  @layer theme {
545
561
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x33025/sveltely",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",