@import './mixin.scss';

page {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  min-height: 100vh;
  @include x-padding-bottom;
}

.iphoneSafeArea {
  @include x-padding-bottom;
}

// 超出行数省略表示
@for $i from 1 through 3 {
  .yg-line-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;

    @if ($i == 1) {
      white-space: nowrap;
    } @else {
      display: -webkit-box;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical;
    }
  }
}
.blurMask {
  position: relative;
  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 96rpx;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
// 绝对定位居中
.yg-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}