{"version":3,"file":"ListItem.css","sources":["webpack:///./SvgIcon/index.vue","webpack:///./List/ListItemMeta.vue","webpack:///./List/ListItem.vue"],"sourcesContent":["@import 'web-lib-styles/src/variables/index.scss';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.svg-icon {\n  width: 1em;\n  height: 1em;\n  overflow: hidden;\n  vertical-align: -0.15em;\n  fill: currentColor;\n}\n\n.svg-external-icon {\n  display: inline-block;\n  background-color: currentColor;\n  mask-size: cover !important;\n}\n","@import 'web-lib-styles/src/variables/index.scss';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$title-color: #ddeefd;\n$title-font-size: 14px;\n$description-color: #92aec5;\n$description-font-size: 12px;\n\n.list-item-meta {\n  display: flex;\n  flex: 1;\n  align-items: flex-start;\n  &-index,\n  &-icon {\n    margin-right: 10px;\n  }\n  &-index {\n    width: 20px;\n    height: 20px;\n    font-size: 12px;\n    line-height: 23px;\n    text-align: center;\n    background-color: #2e7bbf;\n    border-radius: 4px;\n  }\n  &-content {\n    flex: 1 0;\n  }\n  &-title {\n    margin: 0;\n    margin-bottom: 4px;\n    font-size: $title-font-size;\n    line-height: 22px;\n    color: $title-color;\n  }\n  &-description {\n    font-size: $description-font-size;\n    line-height: 22px;\n    color: $description-color;\n  }\n}\n","@import 'web-lib-styles/src/variables/index.scss';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$list-item-padding: 12px 10px;\n$action-color: rgb(41, 182, 255);\n$action-font-size: 12px;\n.list-item {\n  padding: $list-item-padding;\n  &-main {\n    display: flex;\n    align-items: center;\n  }\n  &-content {\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n  }\n  &-content-single {\n    justify-content: flex-start;\n    flex: 1;\n  }\n  &-action {\n    padding: 0;\n    margin-left: 48px;\n    font-size: 0;\n    list-style: none;\n    flex: 0 0 auto;\n    & > li {\n      position: relative;\n      display: inline-block;\n      padding: 0 8px;\n      font-size: $action-font-size;\n      line-height: 22px;\n      color: $action-color;\n      text-align: center;\n      cursor: pointer;\n    }\n    & > li:first-child {\n      padding-left: 0;\n    }\n  }\n}\n"],"mappings":"AAqDA;ACTA;AC4BA;","sourceRoot":""}