@arco-design/web-react/es/List/style/index.css

Arco Design React UI Library.

.arco-list{display:flex;flex-direction:column;box-sizing:border-box;width:100%;border-radius:var(--border-radius-medium);font-size:14px;line-height:1.5715;color:var(--color-text-1);overflow-y:auto;border:1px solid var(--color-neutral-3)}.arco-list-wrapper::after{content:'';display:block;visibility:hidden;clear:both}.arco-list-small>.arco-list-header{padding:8px 20px}.arco-list-small>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-small>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-small>.arco-list-content>.arco-list-item,.arco-list-small>.arco-list-footer{padding:9px 20px}.arco-list-default>.arco-list-header{padding:12px 20px}.arco-list-default>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-default>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-default>.arco-list-content>.arco-list-item,.arco-list-default>.arco-list-footer{padding:13px 20px}.arco-list-large>.arco-list-header{padding:16px 20px}.arco-list-large>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-large>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-large>.arco-list-content>.arco-list-item,.arco-list-large>.arco-list-footer{padding:17px 20px}.arco-list-header,.arco-list-item:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.arco-list-footer{border-top:1px solid var(--color-neutral-3)}.arco-list-no-border{border:none}.arco-list-no-split .arco-list-footer,.arco-list-no-split .arco-list-header,.arco-list-no-split .arco-list-item{border:none}.arco-list-header{font-size:16px;font-weight:500;line-height:1.5;color:var(--color-text-1)}.arco-list-item{display:flex;justify-content:space-between;box-sizing:border-box;width:100%;overflow:hidden}.arco-list-item-main{flex:1;overflow:hidden}.arco-list-item-main .arco-list-item-action:not(:first-child){margin-top:4px}.arco-list-item-meta{display:flex;align-items:center;padding:4px 0}.arco-list-item-meta-avatar{display:flex}.arco-list-item-meta-avatar:not(:last-child){margin-right:16px}.arco-list-item-meta-title{font-weight:500;color:var(--color-text-1)}.arco-list-item-meta-title:not(:last-child){margin-bottom:2px}.arco-list-item-meta-description{color:var(--color-text-2)}.arco-list-item-action{display:flex;flex-wrap:nowrap;align-self:center;list-style:none}.arco-list-item-action>li{display:inline-block;cursor:pointer}.arco-list-item-action>li:not(:last-child){margin-right:20px}.arco-list-hoverable .arco-list-item:hover{background-color:var(--color-fill-1)}.arco-list-pagination{float:right;margin-top:24px}.arco-list-pagination::after{display:block;clear:both;height:0;content:'';visibility:hidden;overflow:hidden}.arco-list-scroll-loading{display:flex;align-items:center;justify-content:center}.arco-list-content{flex:1}.arco-list-content .arco-empty{display:flex;align-items:center;justify-content:center;height:100%}.arco-list-rtl{direction:rtl}.arco-list-rtl .arco-list-item-meta-avatar:not(:last-child){margin-right:0;margin-left:16px}.arco-list-rtl .arco-list-item-action>li:not(:last-child){margin-left:20px;margin-right:0}.arco-list-wrapper-rtl .arco-list-pagination{float:left}