| | |
| | | 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; |
| | |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | | .c-filter-input { |
| | | display: flex; |
| | | align-items: center; |
| | | .at-input { |
| | | margin-left: 14px; |
| | | } |
| | | } |
| | | } |
| | | .c-filter-more { |
| | | float: right; |
| | |
| | | height: 100%; |
| | | box-sizing: border-box; |
| | | text-align: center; |
| | | border-left: 1px solid #d6e4ef; |
| | | border-left: 1PX solid #d6e4ef; |
| | | transition: background-color 0.3s; |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | |
| | | .c-filter-drawer { |
| | | .c-filter-drawer-list { |
| | | height: calc(100% - 90px); |
| | | border-top: 1px solid #eee; |
| | | border-top: 1PX solid #eee; |
| | | box-sizing: border-box; |
| | | .box { |
| | | min-height: 20px; |
| | | padding: 30px 0 10px 30px; |
| | | border-bottom: 1px solid #eee; |
| | | border-bottom: 1PX solid #eee; |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |