@plexui/ui 0.13.0 → 0.13.1
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.
|
@@ -21,25 +21,38 @@
|
|
|
21
21
|
gap: var(--button-group-nested-gap);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
/* Horizontal — default
|
|
24
|
+
/* Horizontal — default. Plex Button variant="outline" renders its 1px
|
|
25
|
+
border via an inset box-shadow on its ::before pseudo — stripping the
|
|
26
|
+
left `border-inline-start` does nothing. Instead we (a) overlap items
|
|
27
|
+
by -1px and (b) clip 1px off the leading edge of the ::before of
|
|
28
|
+
every non-first child, so the inset shadow of item N+1 doesn't sit
|
|
29
|
+
next to the inset shadow of item N (which would read as a doubled
|
|
30
|
+
2px line). Focus ring lives on ::after, so clip-path on ::before
|
|
31
|
+
leaves the focus ring intact. */
|
|
25
32
|
.Root[data-orientation="horizontal"] > *:not(:first-child) {
|
|
26
33
|
border-start-start-radius: 0;
|
|
27
34
|
border-end-start-radius: 0;
|
|
28
|
-
|
|
35
|
+
margin-inline-start: -1px;
|
|
36
|
+
}
|
|
37
|
+
.Root[data-orientation="horizontal"] > *:not(:first-child)::before {
|
|
38
|
+
clip-path: inset(0 0 0 1px);
|
|
29
39
|
}
|
|
30
40
|
.Root[data-orientation="horizontal"] > *:not(:last-child) {
|
|
31
41
|
border-start-end-radius: 0;
|
|
32
42
|
border-end-end-radius: 0;
|
|
33
43
|
}
|
|
34
44
|
|
|
35
|
-
/* Vertical */
|
|
45
|
+
/* Vertical — same approach, clip the top 1px of ::before on non-first */
|
|
36
46
|
.Root[data-orientation="vertical"] {
|
|
37
47
|
flex-direction: column;
|
|
38
48
|
}
|
|
39
49
|
.Root[data-orientation="vertical"] > *:not(:first-child) {
|
|
40
50
|
border-start-start-radius: 0;
|
|
41
51
|
border-start-end-radius: 0;
|
|
42
|
-
|
|
52
|
+
margin-block-start: -1px;
|
|
53
|
+
}
|
|
54
|
+
.Root[data-orientation="vertical"] > *:not(:first-child)::before {
|
|
55
|
+
clip-path: inset(1px 0 0 0);
|
|
43
56
|
}
|
|
44
57
|
.Root[data-orientation="vertical"] > *:not(:last-child) {
|
|
45
58
|
border-end-start-radius: 0;
|