mo-assets/src/files/scss/_mixins.scss

%left_border_radius {
  border-radius: 10px 0 0 0;
}

%clearFix {
  &:before,
  &:after {
    clear: both;
    display: block;
    content: '';
  }
}

@mixin keyframes($name) {
  @-webkit-keyframes #{$name}{
    @content;
  }
  @-moz-keyframes #{$name} {
    @content;
  }
  @-ms-keyframes #{$name} {
    @content;
  }
  @keyframes #{$name} {
    @content;
  }
}

@mixin filter($filter-type,$filter-amount) {
  -webkit-filter: $filter-type+unquote( '(#{$filter-amount})');
  -moz-filter: $filter-type+unquote( '(#{$filter-amount})');
  -ms-filter: $filter-type+unquote( '(#{$filter-amount})');
  -o-filter: $filter-type+unquote( '(#{$filter-amount})');
  filter: $filter-type+unquote( '(#{$filter-amount})');
}
@mixin animation($animation...) {
  -o-animation: $animation;
  -moz-animation: $animation;
  -webkit-animation: $animation;
  animation: $animation;
}

@include keyframes(brightnessOff) {
  0% {
    @include filter(brightness, $__themeImg-brightness-max);
  }

  100% {
    @include filter(brightness, $__themeImg-brightness-min);
  }
}

@include keyframes(brightnessOn) {
  0% {
    @include filter(brightness, $__themeImg-brightness-min);
  }

  100% {
    @include filter(brightness, $__themeImg-brightness-max);
  }
}