@use "sass:color";
@use "sass:map";
@use "sass:math";

@mixin clearfix {
  & {
    *zoom: 1;
  }
  &::before,
  &::after {
    display: table;
    content: " ";
  }
  &::after {
    clear: both;
  }
}

@mixin ellipsis() {
  & {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

@mixin reset-box-sizing() {
  &,
  * {
    box-sizing: border-box;
  }
}

@mixin reset-ul {
  & {
    list-style: none;
    // IE no support
    //margin-block-start: 0;
    //margin-block-end: 0;
    margin: 0;
    // no use experimental technology
    //padding-inline-start: 0;
    //padding-inline-end: 0;
    padding: 0;
  }
}
@mixin reset-ol {
  @include reset-ul();
}

@mixin reset() {
  @include reset-box-sizing();
}

@mixin size($width, $height: $width) {
  & {
    width: $width;
    height: $height;
  }
}

@mixin square($size) {
  & {
    @include size($size, $size);
  }
}