| | |
| | | |
| | | .c-filter { |
| | | width: 100%; |
| | | height: 86px; |
| | | line-height: 86px; |
| | | font-size: 30px; |
| | | height: 90px; |
| | | line-height: 90px; |
| | | font-size: 36px; |
| | | color: #666; |
| | | background-color: #fff; |
| | | border-top: 1px solid #eee; |
| | |
| | | height: 100%; |
| | | padding: 0 20px; |
| | | box-sizing: border-box; |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | | } |
| | | .c-filter-more { |
| | | float: right; |
| | |
| | | color: #36a0e7; |
| | | &::after { |
| | | display: block; |
| | | @include position(absolute, 20px n n 44px); |
| | | @include position(absolute, 20px n n 35px); |
| | | width: 12px; |
| | | height: 12px; |
| | | content: " "; |
| | |
| | | } |
| | | } |
| | | .c-filter-drawer { |
| | | .at-drawer__content { |
| | | width: 550px; |
| | | } |
| | | .c-filter-drawer-list { |
| | | height: calc(100% - 90px); |
| | | border-top: 1PX solid #eee; |
| | |
| | | min-height: 20px; |
| | | padding: 30px 0 10px 30px; |
| | | border-bottom: 1PX solid #eee; |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | | } |
| | | } |
| | | .c-filter-drawer-btn { |
| | | @include position(absolute, n 0 0 n); |
| | | width: 100%; |
| | | height: 90px; |
| | | @include flexbox(flex, center center); |
| | | .at-button { |
| | |
| | | .content { |
| | | height: 86px; |
| | | .label { |
| | | padding-right: 12px; |
| | | color: #666; |
| | | } |
| | | .filled { |
| | | letter-spacing: -2px; |
| | | } |
| | | .at-icon { |
| | | padding-left: 4px; |
| | |
| | | } |
| | | &.type-item { |
| | | .label { |
| | | font-weight: bold; |
| | | color: #666; |
| | | line-height: 35px; |
| | | line-height: 40px; |
| | | } |
| | | .content { |
| | | .empty, |