chowa
Version:
UI component library based on React
64 lines (57 loc) • 1.36 kB
CSS
/**
* @license chowa v1.1.3
*
* Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.cw-list {
border-radius: 3px;
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none; }
.cw-list-item {
color: #616a6e;
display: flex;
flex-direction: row;
align-items: flex-start;
box-sizing: border-box;
font-size: 14px;
line-height: 1.5;
padding: 12px 16px;
margin: 0;
transition: all 0.2s ease-in-out; }
.cw-list-item:not(:last-child) {
border-bottom: 1px solid #e6ecf5; }
.cw-list-item-inner {
flex: auto;
margin: 0;
padding: 0;
box-sizing: border-box; }
.cw-list-item-actions-wrapper {
flex: none;
display: flex;
align-items: center;
margin: 0;
padding: 0 0 0 6px;
box-sizing: border-box;
list-style: none; }
.cw-list-item-action {
margin: 0;
padding: 0 0 0 6px;
box-sizing: border-box;
color: #888da8;
font-size: 12px; }
.cw-list-item-action a {
color: #2d8cf0;
transition: color 0.2s ease-in;
cursor: pointer;
text-decoration: none; }
.cw-list-item-action a:hover {
color: #57a3f3; }
.cw-list-bordered {
border: 1px solid #e6ecf5; }
.cw-list-highlight .cw-list-item:hover {
background-color: #f7f6fe; }