// 全局混入宏

@mixin flex {
  display: flex;
}

@mixin flex-box-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@mixin flex-box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-box-wrap-space {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@mixin flex-box-end-space {
  display: flex;
  justify-content: flex-end;
}

@mixin themify($themes: $themes) {
  @each $key, $theme-map in $themes {
    $d_theme: if($key==light, null, '.data-theme-#{$key}');
    #{$d_theme} & {
      $theme-map-copy: () !global;
      @each $theme-map-key, $theme-map-value in $theme-map {
        $theme-map-copy: map-merge(
            $theme-map-copy,
            (
              $theme-map-key: $theme-map-value
            )
        ) !global;
      }
      @content;
      $theme-map-copy: null !global;
    }
  }
}

@function themed($key) {
  @return map-get($theme-map-copy, $key);
}

$break_points: (
  xs: 'screen and (max-width: 768px)',
  sm: 'screen and (min-width: 769px)',
  md: 'screen and (min-width: 992px)',
  lg: 'screen and (min-width: 1200px)'
);

@mixin respond-to($point) {
  $query: map-get($break_points, $point);
  @media #{$query} {
    @content;
  }
}

@mixin clamp($num) {
  display: -webkit-box;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@mixin zoom-trigger{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@mixin  zoom-define{
  webkit-transition: filter 375ms ease-in .2s,-webkit-transform .6s;
  -moz-transition: filter 375ms ease-in .2s,-moz-transform .6s;
  -o-transition: filter 375ms ease-in .2s,-o-transform .6s;
  -ms-transition: filter 375ms ease-in .2s,-ms-transform .6s;
  transition: filter 375ms ease-in .2s,transform .6s;
}
