@charset "UTF-8";
@import "../theme/variables";
@import "~@jereation/sass-helpers/_mixins";

.vui-list {
  &.vui-list-block {
    margin: 1.75rem * $rem-ratio 0;
  }
  > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
  }
}

.vui-list-buttons {
  .vui-item {
    font-size: .85rem * $rem-ratio;
    text-align: center;
    color: #0894ec;
  }
}

.vui-list > ul > li:first-child:before,
.vui-list > ul > li:last-child:after,
.vui-list > ul > li:not(:last-child) .vui-item-inner:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: map-get($list, border-color);
  @include transform(scaleY(.5));
}

.vui-list > ul > li:first-child:before,
.vui-list > ul > li:last-child:after {
  display: block;
}

.vui-list > ul > li:not(:last-child) .vui-item-inner:after {
  position: absolute;
  bottom: 0;
}

.vui-list .vui-item-link:active .vui-item-inner:after {
  background-color: transparent;
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .vui-list > ul > li:first-child:before, .vui-list > ul > li:last-child:after, .vui-list > ul > li:not(:last-child) .vui-item-inner:after {
    @include transform(scaleY(.33));
  }
}