css样式

// 文字渐变
@mixin fontBg {
  background: linear-gradient( #fff 70%, #05a4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 7px 10px rgba($color: #05a4ff, $alpha: 0.35);
}

// 线性渐变色的mix
@mixin bgprefix($type:to bottom, $value1:rgba(0, 0, 0, 0), $value2: rgba(0, 0, 0, 0)) {
  background-image: linear-gradient($type, $value1 , $value2); /* Safari 和 Chrome */
  background-image: -webkit-linear-gradient($type, $value1 , $value2); /* Safari 和 Chrome */
  background-image: -ms-linear-gradient($type, $value1 , $value2); /* IE 9 */
  background-image: -o-linear-gradient($type, $value1 , $value2); /* Opera */
  background-image: -moz-linear-gradient($type, $value1 , $value2); /* Firefox */
}

@mixin clearfix {
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}