| | |
| | | * @author Tevin |
| | | */ |
| | | |
| | | @import "../../common/sassMixin"; |
| | | @import '../../common/sassMixin'; |
| | | |
| | | .c-filter { |
| | | width: 100%; |
| | |
| | | font-size: 36px; |
| | | color: #666; |
| | | background-color: #fff; |
| | | border-top: 1px solid #eee; |
| | | border-top: 1PX solid #eee; |
| | | box-sizing: border-box; |
| | | .c-filter-bar { |
| | | float: left; |
| | |
| | | box-sizing: border-box; |
| | | text-align: center; |
| | | border-left: 1PX solid #d6e4ef; |
| | | transition: background-color .3s; |
| | | transition: background-color 0.3s; |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | |
| | | @include position(absolute, 20px n n 35px); |
| | | width: 12px; |
| | | height: 12px; |
| | | content: " "; |
| | | background-color: #36a0e7; |
| | | content: ' '; |
| | | 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; |
| | | } |
| | | } |
| | | } |