scss 一些可能有用的mixin :)

Posted 2021-05-18

@mixin flex($align: center, $justify: initial){
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: $align;
  -webkit-align-items: $align;
  align-items: $align;
  -webkit-justify-content: $justify;
  -ms-flex-pack: $justify;
  justify-content: $justify;
}
@mixin transition($property: all, $duration: .5s, $function: ease-in-out){
  -webkit-transition: $property $duration $function;
  -moz-transition: $property $duration $function;
  -o-transition: $property $duration $function;
  -ms-transition: $property $duration $function;
  transition: $property $duration $function;
}
@mixin transform($property){
  -webkit-transform: $property;
  -moz-transform: $property;
  -o-transform: $property;
  -ms-transform: $property;
  transform: $property;
}