Skip to content

Instantly share code, notes, and snippets.

@akdetrick
Last active August 29, 2015 14:06
Show Gist options
  • Save akdetrick/612a4419c611a5fb7a71 to your computer and use it in GitHub Desktop.
Save akdetrick/612a4419c611a5fb7a71 to your computer and use it in GitHub Desktop.
touchList vs. chunkList
.chunkList{padding:0;margin:0;list-style:none}.chunkList-row{margin:0;border-top:1px solid rgba(0,0,0,.1);overflow:hidden}.chunkList-row:first-child{border-top:none}.chunkList-row a:active{background-color:rgba(64,197,255,.2);-webkit-tap-highlight-color:rgba(64,197,255,.2)}.chunkList-chunk{border-bottom:1px solid transparent;padding:10.67px 0 0 10.67px}.chunkList-chunk:last-child{padding-right:10.67px}.chunkList-chunk:only-child{display:block}.chunkList-chunk h1:only-child,.chunkList-chunk h2:only-child,.chunkList-chunk h3:only-child,.chunkList-chunk h4:only-child,.chunkList-chunk h5:only-child,.chunkList-chunk h6:only-child{padding-bottom:0;margin-bottom:10.67px}.chunkList-chunk .avatar,.chunkList-chunk article,.chunkList-chunk aside,.chunkList-chunk dd,.chunkList-chunk details,.chunkList-chunk dl,.chunkList-chunk figure,.chunkList-chunk hgroup,.chunkList-chunk img,.chunkList-chunk ol,.chunkList-chunk p,.chunkList-chunk section,.chunkList-chunk ul{margin-bottom:10.67px}
.touchList .touchList-blockLabel,.touchList .touchList-label--textarea,.touchList-item-heading,.touchList-label--item{color:#545454;color:rgba(0,0,0,.67);font-size:.875em;padding-bottom:.25em}.inverted .touchList .touchList-blockLabel,.inverted .touchList .touchList-label--textarea,.inverted .touchList-item-heading,.inverted .touchList-label--item,.touchList .inverted .touchList-blockLabel,.touchList .inverted .touchList-label--textarea{color:#ababab;color:rgba(255,255,255,.67)}.touchList .touchList-blockLabel,.touchList .touchList-label--textarea,.touchList-label--item{padding:.85714em .85714em 0;line-height:1.5;margin-bottom:-.75em}.ffbox--touchList-item .touchList .touchList-blockLabel,.ffbox--touchList-item .touchList .touchList-label--textarea,.ffbox--touchList-item .touchList-label--item,.touchList .ffbox--touchList-item .touchList-blockLabel,.touchList .ffbox--touchList-item .touchList-label--textarea{padding:0}.touchList .touchList-item:last-child,.touchList--withInlineChildren .touchList-item:last-child,.touchList--withInlineChildren .touchList-item:nth-last-child(2){border-bottom:none}.touchList--memberList .memberList-item-content{color:#545454;color:rgba(0,0,0,.67);padding-right:.375em}.touchList--memberList .memberList-item-content:last-child{padding-bottom:0;margin-bottom:0}.touchList--memberList .touchList-item .touchList-item-action:not(.linkify){color:#545454;color:rgba(0,0,0,.67)}.touchList-label{padding:0;font-size:1.0625em;line-height:1.3}.touchList .touchList-label{color:#545454;color:rgba(0,0,0,.67)}.linkify .touchList-label{color:inherit}.touchList-caption,.touchList-text{margin:0;padding:0;font-size:.875em;line-height:1.3}.icon-disclosure-right--touchList-item{color:#e6e6e6;color:rgba(0,0,0,.1);vertical-align:-.2em}.ffbox--touchList-item{min-height:3em;padding:0 .75em}.ffbox--touchList-item>.ffbox-fix,.ffbox--touchList-item>.ffbox-flex{padding-top:.75em;padding-bottom:.75em}.ffbox--touchList-avatar{padding:0 .75em}.ffbox-fix--avatar{padding-top:.75em;padding-bottom:.75em}.ffbox--touchList-input{height:3em}.touchList-item{color:#0d0d0d;color:rgba(0,0,0,.95)}.inverted .touchList-item{color:#fff}.touchList-item p:last-child{margin-bottom:0}.touchList-item .touchList-item-action{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block}.touchList-item .touchList-item-action:not(.linkify){color:#0d0d0d;color:rgba(0,0,0,.95)}.inverted .touchList-item .touchList-item-action:not(.linkify){color:#fff}.touchList-item--padded{padding:.75em}.touchList--withInlineChildren .touchList-item{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.touchList--iconToolbar{background-color:#e7e7e7;text-align:center;border-top:0;border-bottom:0}.touchList-item-toolbarIcon{float:right;margin-left:.75em;display:block;padding:.75em}a.touchList-item-toolbarIcon{color:#545454;color:rgba(0,0,0,.67)}.touchList-item-ffbox{padding:0 .75em;height:3em}.touchList-attendee-info{padding-left:.75em}.touchList-attendee-name{line-height:1.125}.touchList-guestcount{font-size:.82353em;font-weight:400;color:#545454;color:rgba(0,0,0,.67);vertical-align:1px}.touchList-attendee-bio,.touchList-attendee-funfact-description,.touchList-attendee-ledger{color:#545454;color:rgba(0,0,0,.67)}.touchList-attendee-role{font-size:13px;color:#878787;color:rgba(0,0,0,.47);line-height:1.3}.touchList-attendee-funfact-description{padding-left:.75em;font-size:13px}.touchList-attendee-actions{white-space:nowrap;padding:0 .75em}.touchList-attendee-actions .button{margin:0}.touchList-event-info{padding-top:1.667em;padding-bottom:1.25em}.touchList-event-groupname{color:#545454;color:rgba(0,0,0,.67)}.touchList-event-datetime,.touchList-event-name{color:#878787;color:rgba(0,0,0,.47)}.touchList-event-reldate{background-color:#e2373c;padding:.333em .417em;color:#fff;margin-right:.167em;font-size:.813em}.touchList-event-dates{padding-bottom:.833em}.touchList-gem{display:block;width:1.5em;height:1.5em;text-align:center}.ffbox--touchList-input .touchList-gem{padding-left:.375em}.touchList-gem i{color:#878787;color:rgba(0,0,0,.47);vertical-align:middle}.touchList-gem div,.touchList-gem img{display:inline-block;border-radius:3px;height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.touchList-gem:before{content:'';display:inline-block;height:100%;vertical-align:middle}.touchList-item--empty{background-color:#f7f7f7;padding:1.5em .75em}.touchList-item--empty-label{font-size:1.0625em;line-height:1.3;color:#545454;color:rgba(0,0,0,.67);text-align:center;text-shadow:0 1px 0 #fff}.touchList-item--normalWeightLabel .touchList-label{font-weight:400}.touchList-item--disclosure .touchList-item--disclosure-label{padding-left:.5em}.touchList-text--disclosure{color:#545454;color:rgba(0,0,0,.67);white-space:nowrap;line-height:1}.touchList--menu{background:0 0;border:none}.touchList--menu .touchList-item{border-color:#e6e6e6;border-color:rgba(0,0,0,.1)}.touchList--menu .touchList-label{color:#878787;color:rgba(0,0,0,.47);font-size:1.275em;font-weight:700}.touchList-item--alert{background-color:#f7f7f7}.touchList-item--alert .touchList-label{color:#E0393E;font-weight:700;padding-bottom:0}.touchList-item--alert i{color:#545454;color:rgba(0,0,0,.67)}.touchList-item--alert .touchList-gem{display:table;height:auto}.touchList-item--toolbar,.touchList-item--toolbar .touchList-item--select-mask{background-color:#e7e7e7}.touchList-label--loadMore{text-align:center;color:#878787;color:rgba(0,0,0,.47)}.touchList-segment-header{color:#878787;color:rgba(0,0,0,.47);background-color:#f7f7f7;font-size:.875em;font-weight:700;line-height:1;text-transform:uppercase;padding:.75em}.touchList-segment-content{margin:0;padding:0;list-style:none}.touchList-item-actionIcon{padding:0 .75em}.touchList-item .touchList-item-actionIcon{color:#e6e6e6;color:rgba(0,0,0,.1)}.touchList-heading{color:#878787;color:rgba(0,0,0,.47);margin-bottom:.5em}.touchList-avatar{color:#878787;color:rgba(0,0,0,.47);text-align:center}.touchList-avatar--icon{height:auto}.touchList,.touchList--rounded,.touchList--withInlineChildren{font-size:16px;list-style:none;padding:0;margin:0}.touchList-item,.touchList-item--empty,.touchList-item--jumpLink,.touchList-item--loadMore,.touchList-segment,.touchList-segment-header{border-bottom:1px solid #eee}.inverted .touchList-item,.inverted .touchList-item--empty,.inverted .touchList-item--jumpLink,.inverted .touchList-item--loadMore,.inverted .touchList-segment,.inverted .touchList-segment-header{border-color:#333;border-color:rgba(255,255,255,.2)}.touchList--withInlineChildren .touchList-item.lastUnit,.touchList--withInlineChildren .touchList-item:nth-child(even){border-left:1px solid #eee}.no-wrap{white-space:nowrap}.touchList-attendee-name,.touchList-attendee-role{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.pseudocheckbox,.pseudoradio,.touchList-item--select-mask-arrow,.touchList-segment-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment