@use '../../abstracts/mixins/filters/mixin' as *;
@use '../../abstracts/variables/color/variables' as *;
@use '../../abstracts/mixins/reusable/omen-mixin.scss' as *;
@use '../../abstracts/mixins/breakpoints/mixin' as *;

// file for filters classes - for minified omencss-filters css
@include dropShadowMixin(drop-shadow-, 0, 0, $fullcolors, hover);
@include dropShadowMixin(drop-shadow-, 0, 0, $lightdark, hover);
@include transformMixin(true, true, true, blur-, filter, px, 0, 100, 1, 1px, blur);
@include transformMixin(true, true, true, grayscale-, filter, per, 0, 100, 1, 1%, grayscale);
@include transformMixin(true, true, true, brightness-, filter, '', 0, 50, 1, 0.1, brightness);
@include transformMixin(true, true, true, contrast-, filter, '', 0, 50, 1, 0.1, contrast);
@include transformMixin(true, true, true, hue-rotate-, filter, deg, 0, 180, 1, 1deg, hue-rotate);
@include transformMixin(true, true, true, hue-rotate-, filter, per, 0, 100, 1, 1%, hue-rotate);
@include transformMixin(true, true, true, invert-, filter, per, 0, 100, 1, 1%, invert);
@include transformMixin(true, true, true, saturate-, filter, '', 0, 50, 1, 0.1, saturate);
@include transformMixin(true, true, true, sepia-, filter, per, 0, 100, 1, 1%, sepia);
@include transformMixin(true, true, true, backdrop-blur-, backdrop-filter, px, 0, 100, 1, 1px, blur);
@include transformMixin(true, true, true, backdrop-brightness-, backdrop-filter, '', 0, 30, 1, 0.1, brightness);
@include transformMixin(true, true, true, backdrop-contrast-, backdrop-filter, '', 0, 30, 1, 0.1, contrast);
@include transformMixin(true, true, true, backdrop-grayscale-, backdrop-filter, per, 0, 100, 1, 1%, grayscale);
@include transformMixin(true, true, true, backdrop-hue-rotate-, backdrop-filter, deg, -180, 180, 1, 1deg, hue-rotate);
@include transformMixin(true, true, true, backdrop-invert-, backdrop-filter, per, 0, 100, 1, 1%, invert);
@include transformMixin(true, true, true, backdrop-opacity-, backdrop-filter, '', 0, 10, 1, 0.1, opacity);
@include transformMixin(true, true, true, backdrop-saturate-, backdrop-filter, '', 0, 30, 1, 0.1, saturate);
@include transformMixin(true, true, true, backdrop-sepia-, backdrop-filter, per, 0, 100, 1, 1%, sepia);

@include sm {
  @include dropShadowMixin(sm\:drop-shadow-, 0, 0, $fullcolors, hover);
  @include dropShadowMixin(sm\:drop-shadow-, 0, 0, $lightdark, hover);
  @include transformMixin(true, true, true, sm\:blur-, filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, sm\:grayscale-, filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, sm\:brightness-, filter, '', 0, 50, 1, 0.1, brightness);
  @include transformMixin(true, true, true, sm\:contrast-, filter, '', 0, 50, 1, 0.1, contrast);
  @include transformMixin(true, true, true, sm\:hue-rotate-, filter, deg, 0, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, sm\:hue-rotate-, filter, per, 0, 100, 1, 1%, hue-rotate);
  @include transformMixin(true, true, true, sm\:invert-, filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, sm\:saturate-, filter, '', 0, 50, 1, 0.1, saturate);
  @include transformMixin(true, true, true, sm\:sepia-, filter, per, 0, 100, 1, 1%, sepia);
  @include transformMixin(true, true, true, sm\:backdrop-blur-, backdrop-filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, sm\:backdrop-brightness-, backdrop-filter, '', 0, 30, 1, 0.1, brightness);
  @include transformMixin(true, true, true, sm\:backdrop-contrast-, backdrop-filter, '', 0, 30, 1, 0.1, contrast);
  @include transformMixin(true, true, true, sm\:backdrop-grayscale-, backdrop-filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, sm\:backdrop-hue-rotate-, backdrop-filter, deg, -180, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, sm\:backdrop-invert-, backdrop-filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, sm\:backdrop-opacity-, backdrop-filter, '', 0, 10, 1, 0.1, opacity);
  @include transformMixin(true, true, true, sm\:backdrop-saturate-, backdrop-filter, '', 0, 30, 1, 0.1, saturate);
  @include transformMixin(true, true, true, sm\:backdrop-sepia-, backdrop-filter, per, 0, 100, 1, 1%, sepia);
}
@include md {
  @include dropShadowMixin(md\:drop-shadow-, 0, 0, $fullcolors, hover);
  @include dropShadowMixin(md\:drop-shadow-, 0, 0, $lightdark, hover);
  @include transformMixin(true, true, true, md\:blur-, filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, md\:grayscale-, filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, md\:brightness-, filter, '', 0, 50, 1, 0.1, brightness);
  @include transformMixin(true, true, true, md\:contrast-, filter, '', 0, 50, 1, 0.1, contrast);
  @include transformMixin(true, true, true, md\:hue-rotate-, filter, deg, 0, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, md\:hue-rotate-, filter, per, 0, 100, 1, 1%, hue-rotate);
  @include transformMixin(true, true, true, md\:invert-, filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, md\:saturate-, filter, '', 0, 50, 1, 0.1, saturate);
  @include transformMixin(true, true, true, md\:sepia-, filter, per, 0, 100, 1, 1%, sepia);
  @include transformMixin(true, true, true, md\:backdrop-blur-, backdrop-filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, md\:backdrop-brightness-, backdrop-filter, '', 0, 30, 1, 0.1, brightness);
  @include transformMixin(true, true, true, md\:backdrop-contrast-, backdrop-filter, '', 0, 30, 1, 0.1, contrast);
  @include transformMixin(true, true, true, md\:backdrop-grayscale-, backdrop-filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, md\:backdrop-hue-rotate-, backdrop-filter, deg, -180, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, md\:backdrop-invert-, backdrop-filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, md\:backdrop-opacity-, backdrop-filter, '', 0, 10, 1, 0.1, opacity);
  @include transformMixin(true, true, true, md\:backdrop-saturate-, backdrop-filter, '', 0, 30, 1, 0.1, saturate);
  @include transformMixin(true, true, true, md\:backdrop-sepia-, backdrop-filter, per, 0, 100, 1, 1%, sepia);
}
@include lg {
  @include dropShadowMixin(lg\:drop-shadow-, 0, 0, $fullcolors, hover);
  @include dropShadowMixin(lg\:drop-shadow-, 0, 0, $lightdark, hover);
  @include transformMixin(true, true, true, lg\:blur-, filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, lg\:grayscale-, filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, lg\:brightness-, filter, '', 0, 50, 1, 0.1, brightness);
  @include transformMixin(true, true, true, lg\:contrast-, filter, '', 0, 50, 1, 0.1, contrast);
  @include transformMixin(true, true, true, lg\:hue-rotate-, filter, deg, 0, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, lg\:hue-rotate-, filter, per, 0, 100, 1, 1%, hue-rotate);
  @include transformMixin(true, true, true, lg\:invert-, filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, lg\:saturate-, filter, '', 0, 50, 1, 0.1, saturate);
  @include transformMixin(true, true, true, lg\:sepia-, filter, per, 0, 100, 1, 1%, sepia);
  @include transformMixin(true, true, true, lg\:backdrop-blur-, backdrop-filter, px, 0, 100, 1, 1px, blur);
  @include transformMixin(true, true, true, lg\:backdrop-brightness-, backdrop-filter, '', 0, 30, 1, 0.1, brightness);
  @include transformMixin(true, true, true, lg\:backdrop-contrast-, backdrop-filter, '', 0, 30, 1, 0.1, contrast);
  @include transformMixin(true, true, true, lg\:backdrop-grayscale-, backdrop-filter, per, 0, 100, 1, 1%, grayscale);
  @include transformMixin(true, true, true, lg\:backdrop-hue-rotate-, backdrop-filter, deg, -180, 180, 1, 1deg, hue-rotate);
  @include transformMixin(true, true, true, lg\:backdrop-invert-, backdrop-filter, per, 0, 100, 1, 1%, invert);
  @include transformMixin(true, true, true, lg\:backdrop-opacity-, backdrop-filter, '', 0, 10, 1, 0.1, opacity);
  @include transformMixin(true, true, true, lg\:backdrop-saturate-, backdrop-filter, '', 0, 30, 1, 0.1, saturate);
  @include transformMixin(true, true, true, lg\:backdrop-sepia-, backdrop-filter, per, 0, 100, 1, 1%, sepia);
}