Skip to content
This repository
Browse code

Collapsibles: added rule that prevents double borders in a series of …

…individual collapsibles
  • Loading branch information...
commit d55eddafbe7f23bf275fcd6b879b51f8b58df24f 1 parent 6780f94
Jasper de Groot authored July 24, 2012
2  css/structure/jquery.mobile.collapsible.css
@@ -3,6 +3,8 @@
3 3
 .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
4 4
 .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
5 5
 .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
  6
+.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
  7
+.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
6 8
 .ui-collapsible-heading .ui-btn-inner,
7 9
 .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
8 10
 .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }

0 notes on commit d55edda

Please sign in to comment.
Something went wrong with that request. Please try again.