Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit 26be630

Browse files
Collapsible set: ui-first-child/ui-last-child for corner styling
1 parent 717a4f7 commit 26be630

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

css/structure/jquery.mobile.collapsible.css

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,6 @@
2727
.ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
2828
.ui-collapsible-content-collapsed { display: none; }
2929

30-
/* Corner styling */
3130
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
3231
-webkit-border-radius: 0;
3332
border-radius: 0;
@@ -37,19 +36,20 @@
3736
-webkit-border-radius: inherit;
3837
border-radius: inherit;
3938
}
39+
.ui-collapsible-set .ui-collapsible.ui-first-child {
40+
-webkit-border-top-right-radius: inherit;
41+
border-top-right-radius: inherit;
42+
-webkit-border-top-left-radius: inherit;
43+
border-top-left-radius: inherit;
44+
}
4045
.ui-collapsible-content,
41-
.ui-collapsible-set .ui-collapsible:last-child {
46+
.ui-collapsible-set .ui-collapsible.ui-last-child {
4247
-webkit-border-bottom-right-radius: inherit;
4348
border-bottom-right-radius: inherit;
4449
-webkit-border-bottom-left-radius: inherit;
4550
border-bottom-left-radius: inherit;
4651
}
47-
.ui-collapsible-set .ui-collapsible:first-child {
48-
-webkit-border-top-right-radius: inherit;
49-
border-top-right-radius: inherit;
50-
-webkit-border-top-left-radius: inherit;
51-
border-top-left-radius: inherit;
52-
}
52+
5353
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
5454
-webkit-border-bottom-right-radius: 0;
5555
border-bottom-right-radius: 0;
@@ -59,4 +59,4 @@
5959

6060
.ui-collapsible-set { margin: .5em 0; }
6161
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
62-
.ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
62+
.ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }

0 commit comments

Comments
 (0)