| | |
| | | &:active { |
| | | background-color: #f2f2f2; |
| | | } |
| | | &.on { |
| | | position: relative; |
| | | color: #36a0e7; |
| | | &::after { |
| | | display: block; |
| | | @include position(absolute, 20px n n 44px); |
| | | width: 12px; |
| | | height: 12px; |
| | | content: " "; |
| | | background-color: #36a0e7; |
| | | border-radius: 50%; |
| | | } |
| | | } |
| | | .arrow { |
| | | color: #666; |
| | | } |
| | | } |
| | | .c-filter-drawer { |
| | | .at-drawer__content { |
| | |
| | | } |
| | | .c-filter-drawer-btn { |
| | | height: 90px; |
| | | @include flexbox(flex, center center); |
| | | .at-button { |
| | | flex: 3; |
| | | height: 90px; |
| | | line-height: 88px; |
| | | border: none; |
| | | border-radius: 0; |
| | | background-color: #36a0e7; |
| | | &:first-child { |
| | | flex: 2; |
| | | color: #36a0e7; |
| | | background-color: #d4f1f7; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |