| | |
| | | width: 12px; |
| | | height: 12px; |
| | | content: " "; |
| | | background-color: #36a0e7; |
| | | background-color: $colorDanger; |
| | | border-radius: 50%; |
| | | } |
| | | } |
| | |
| | | color: #36a0e7; |
| | | background-color: #d4f1f7; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .c-filter-select { |
| | | .content { |
| | | @include flexbox(flex, flex-start center); |
| | | white-space: nowrap; |
| | | .empty, |
| | | .value { |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | @include ellipsis(); |
| | | } |
| | | .empty { |
| | | color: #ccc; |
| | | } |
| | | .filled { |
| | | color: #6190e8; |
| | | } |
| | | .at-icon { |
| | | text-align: center; |
| | | color: #666; |
| | | } |
| | | } |
| | | &.type-bar { |
| | | .content { |
| | | height: 86px; |
| | | .label { |
| | | padding-right: 12px; |
| | | color: #666; |
| | | } |
| | | .filled { |
| | | letter-spacing: -2px; |
| | | } |
| | | .at-icon { |
| | | padding-left: 4px; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | } |
| | | &.type-item { |
| | | .label { |
| | | color: #666; |
| | | line-height: 40px; |
| | | } |
| | | .content { |
| | | .empty, |
| | | .filled { |
| | | flex: 6; |
| | | } |
| | | .at-icon { |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |