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

.vui-card {
  position: relative;
  margin: 0.5rem * $rem-ratio ;
  border-radius: 0.1rem * $rem-ratio ;
  border-top: 1px solid #e7e7e7;
  @include box-shadow(0 0.05rem * $rem-ratio  0.1rem * $rem-ratio  rgba(0, 0, 0, 0.3));
  background-color: #fff;
}

.vui-card-header {
  border-radius: 0.1rem * $rem-ratio  0.1rem * $rem-ratio  0 0;
  font-size: 0.8rem * $rem-ratio ;
  font-weight: bold;
  background-color: #f5f5f5;
  color: #222;
}

.vui-card-content {
  position: relative;
  padding: 0.75rem * $rem-ratio ;
}

.vui-card-footer {
  border-radius: 0 0 0.1rem * $rem-ratio  0.1rem * $rem-ratio ;
  color: #5f646e;
}

.vui-card .vui-item{
  position: relative;
  &:not(:last-child):after {
    content: '';
    position: absolute;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    @include transform(scaleY(.5));
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .vui-card .vui-item:after {
    @include transform(scaleY(.33));
  }
}