@import "./picker-column";
@import "../picker-legacy/picker.ios.vars";

// iOS Picker Column
// --------------------------------------------------

.picker-col {
  @include padding(
    $picker-ios-column-padding-top,
    $picker-ios-column-padding-end,
    $picker-ios-column-padding-bottom,
    $picker-ios-column-padding-start
  );

  transform-style: preserve-3d;
}

.picker-prefix,
.picker-suffix,
.picker-opts {
  top: $picker-ios-option-offset-y;

  transform-style: preserve-3d;

  color: inherit;

  font-size: $picker-ios-option-font-size;

  line-height: $picker-ios-option-height;
  pointer-events: none;
}

.picker-opt {
  @include padding(
    $picker-ios-option-padding-top,
    $picker-ios-option-padding-end,
    $picker-ios-option-padding-bottom,
    $picker-ios-option-padding-start
  );
  @include margin(0);
  @include transform-origin(center, center);

  height: 46px;

  transform-style: preserve-3d;

  transition-timing-function: ease-out;

  background: transparent;
  color: inherit;

  font-size: $picker-ios-option-font-size;

  line-height: $picker-ios-option-height;
  backface-visibility: hidden;
  pointer-events: auto;
}