diff --git a/dist/ratchet.css b/dist/ratchet.css index 26b48b7..37de6a1 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -94,7 +94,6 @@ video { /* Prevents iOS text size adjust after orientation change, without disabling (Thanks to @necolas) */ html { -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; } /* Base styles @@ -158,7 +157,8 @@ a { } .bar-header-secondary ~ .content { padding-top: 88px; -}/* General bar styles +} +/* General bar styles -------------------------------------------------- */ [class*="bar-"] { @@ -431,7 +431,6 @@ a { /* Remove usual bullet styles from list */ .list { - margin-bottom: 10px; list-style: none; background-color: #fff; } @@ -439,7 +438,8 @@ a { /* Pad each list item and add dividers */ .list li { position: relative; - padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ + padding: 11px 60px 11px 0; /* Given extra right padding to accomodate counts, chevrons or buttons */ + margin-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, .1); } @@ -448,12 +448,17 @@ a { border-top: 1px solid rgba(0, 0, 0, .1); } +/* Remove the border from the last list item*/ +.list li:last-child { + border-bottom: 0; +} + /* If a list of links, make sure the child takes up full list item tap area (want to avoid selecting child buttons though) */ .list li > a:not([class*="button"]) { position: relative; display: block; padding: inherit; - margin: -11px -60px -11px -10px; + margin: -11px -60px -11px 0; color: inherit; } @@ -486,6 +491,8 @@ a { top: -1px; padding-top: 6px; padding-bottom: 6px; + padding-left: 15px; + margin-left: 0; font-weight: bold; line-height: 18px; background-color: #f8f8f8; diff --git a/lib/css/lists.css b/lib/css/lists.css index f6d92ba..bbaf89e 100644 --- a/lib/css/lists.css +++ b/lib/css/lists.css @@ -3,7 +3,6 @@ /* Remove usual bullet styles from list */ .list { - margin-bottom: 10px; list-style: none; background-color: #fff; } @@ -11,7 +10,8 @@ /* Pad each list item and add dividers */ .list li { position: relative; - padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */ + padding: 11px 60px 11px 0; /* Given extra right padding to accomodate counts, chevrons or buttons */ + margin-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, .1); } @@ -20,12 +20,17 @@ border-top: 1px solid rgba(0, 0, 0, .1); } +/* Remove the border from the last list item*/ +.list li:last-child { + border-bottom: 0; +} + /* If a list of links, make sure the child takes up full list item tap area (want to avoid selecting child buttons though) */ .list li > a:not([class*="button"]) { position: relative; display: block; padding: inherit; - margin: -11px -60px -11px -10px; + margin: -11px -60px -11px 0; color: inherit; } @@ -58,6 +63,8 @@ top: -1px; padding-top: 6px; padding-bottom: 6px; + padding-left: 15px; + margin-left: 0; font-weight: bold; line-height: 18px; background-color: #f8f8f8;