bmui/src/style/picker.styl

Bluemoon Moon Components

.{$PREFIX}-picker
  background: #fff
  position: absolute
  bottom: 0
  left: 0
  width: 100%
  box-shadow: 0 -2px 6px rgba(#000, 0.3)
  &-shade
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 100%
    overflow: hidden
  &-head
    display: flex
    justify-content: space-between
    height: 44px
    font-size: $size4
    color: $color_sub1
    border-bottom: 1px solid $color_b1
  &-btn
    width: 96px
  &-content
    user-select: none
    display: flex
    height: 150px
    overflow: hidden
    text-align: center
  &-list
    width: 100%
    overflow hidden
    flex-shrink: 1
    position: relative
  &-wrap
    position: relative
    top: 45%
    transition: transform 0.2s ease-out
  &-item
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis
    padding: 0 2px
    color: $color_t3
    font-size: $size4
  &-active
    font-size: $size2
    color: $color_t1
  &-colon
    width: 25px