Browse Source

Updating list views to have 15ox margin-left.

pull/214/head
connors 12 years ago
parent
commit
2bb6266e35
  1. 17
      dist/ratchet.css
  2. 13
      lib/css/lists.css

17
dist/ratchet.css vendored

@ -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 <a> 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;

13
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 <a> 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;

Loading…
Cancel
Save