access-nyc-patterns/dist/components/member-list/member-list.css

User Interface Patterns for Benefits Access

.c-member-list{list-style:none;margin:0 0 24px;padding:0}.c-member-list>li{font-weight:700;line-height:24px;position:relative;padding-left:32px;margin-bottom:8px}.c-member-list>li:before{content:"";width:24px;height:24px;border-radius:500px;background-color:#184e9e;display:inline-block;position:absolute;left:0}.c-member-list>li:nth-child(8n+2):before{background-color:#fbb720}.c-member-list>li:nth-child(8n+3):before{background-color:#118df0}.c-member-list>li:nth-child(8n+4):before{background-color:#f1647c}.c-member-list>li:nth-child(8n+5):before{background-color:#05ce7c}.c-member-list>li:nth-child(8n+6):before{background-color:#0d6d3b}.c-member-list>li:nth-child(8n+7):before{background-color:#505c66}.c-member-list>li:nth-child(8n+8):before{background-color:#112e51}.c-member-list .recap-household-member{margin-bottom:48px;width:100%}.c-member-list .recap-household-member:before{top:.3em}.c-member-list__item{vertical-align:text-top}.c-member-list__item:after{content:", "}.c-member-list__item:last-of-type:after{content:none}.c-member-list__icon{width:20px;height:20px;background-color:#184e9e;border-radius:10px;content:"";display:inline-block;position:relative;top:2px}.c-member-list__icon.i-0{background-color:#fbb720}.c-member-list__icon.i-1{background-color:#184e9e}.c-member-list__icon.i-2{background-color:#118df0}.c-member-list__icon.i-3{background-color:#f1647c}.c-member-list__icon.i-4{background-color:#05ce7c}.c-member-list__icon.i-5{background-color:#0d6d3b}.c-member-list__icon.i-6{background-color:#505c66}.c-member-list__icon.i-7{background-color:#112e51}