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

// file for interactivity classes - for minified interactivity css
@include eachValues('', $interactivityUtilitiesWebkit, true);
@include eachValues('', $interactivityUtilities);
@include lightColor(caret-, 1, 10, caret-color, $colors);
@include lightColor(caret-, 0, 0, caret-color, $lightdark);
@include initialColor(caret-, caret-color);
@include initialColor(caret-, caret-color, active);
@include initialColor(caret-, caret-color, focus);
// interactivity - scroll margin
@include universalMixin(true, false, false, scroll-m-, scroll-margin, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-m-, scroll-margin, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-mx-, scroll-margin-inline, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-mx-, scroll-margin-inline, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-my-, scroll-margin-block, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-my-, scroll-margin-block, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-mt-, scroll-margin-top, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-mt-, scroll-margin-top, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-mr-, scroll-margin-right, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-mr-, scroll-margin-right, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-mb-, scroll-margin-bottom, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-mb-, scroll-margin-bottom, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-ml-, scroll-margin-left, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-ml-, scroll-margin-left, rem, -30, 30, 1, 1rem);
// interactivity - scroll padding
@include universalMixin(true, false, false, scroll-p-, scroll-padding, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-p-, scroll-padding, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-px-, scroll-padding-inline, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-px-, scroll-padding-inline, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-py-, scroll-padding-block, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-py-, scroll-padding-block, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-pt-, scroll-padding-top, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-pt-, scroll-padding-top, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-pr-, scroll-padding-right, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-pr-, scroll-padding-right, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-pb-, scroll-padding-bottom, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-pb-, scroll-padding-bottom, rem, -30, 30, 1, 1rem);
@include universalMixin(true, false, false, scroll-pl-, scroll-padding-left, px, -100, 100, 1, 1px);
@include universalMixin(true, false, false, scroll-pl-, scroll-padding-left, rem, -30, 30, 1, 1rem);

@include sm {
  @include eachValues(sm\:, $interactivityUtilitiesWebkit, true);
  @include eachValues(sm\:, $interactivityUtilities);
  @include lightColor(sm\:caret-, 1, 10, caret-color, $colors);
  @include lightColor(sm\:caret-, 0, 0, caret-color, $lightdark);
  @include initialColor(sm\:caret-, caret-color);
  @include initialColor(sm\:caret-, caret-color, active);
  @include initialColor(sm\:caret-, caret-color, focus);
  // interactivity - scroll margin
  @include universalMixin(true, false, false, sm\:scroll-m-, scroll-margin, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-m-, scroll-margin, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-mx-, scroll-margin-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-mx-, scroll-margin-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-my-, scroll-margin-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-my-, scroll-margin-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-mt-, scroll-margin-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-mt-, scroll-margin-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-mr-, scroll-margin-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-mr-, scroll-margin-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-mb-, scroll-margin-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-mb-, scroll-margin-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-ml-, scroll-margin-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-ml-, scroll-margin-left, rem, -30, 30, 1, 1rem);
  // interactivity - scroll padding
  @include universalMixin(true, false, false, sm\:scroll-p-, scroll-padding, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-p-, scroll-padding, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-px-, scroll-padding-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-px-, scroll-padding-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-py-, scroll-padding-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-py-, scroll-padding-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-pt-, scroll-padding-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-pt-, scroll-padding-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-pr-, scroll-padding-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-pr-, scroll-padding-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-pb-, scroll-padding-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-pb-, scroll-padding-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, sm\:scroll-pl-, scroll-padding-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, sm\:scroll-pl-, scroll-padding-left, rem, -30, 30, 1, 1rem);
}
@include md {
  @include eachValues(md\:, $interactivityUtilitiesWebkit, true);
  @include eachValues(md\:, $interactivityUtilities);
  @include lightColor(md\:caret-, 1, 10, caret-color, $colors);
  @include lightColor(md\:caret-, 0, 0, caret-color, $lightdark);
  @include initialColor(md\:caret-, caret-color);
  @include initialColor(md\:caret-, caret-color, active);
  @include initialColor(md\:caret-, caret-color, focus);
  // interactivity - scroll margin
  @include universalMixin(true, false, false, md\:scroll-m-, scroll-margin, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-m-, scroll-margin, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-mx-, scroll-margin-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-mx-, scroll-margin-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-my-, scroll-margin-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-my-, scroll-margin-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-mt-, scroll-margin-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-mt-, scroll-margin-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-mr-, scroll-margin-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-mr-, scroll-margin-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-mb-, scroll-margin-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-mb-, scroll-margin-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-ml-, scroll-margin-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-ml-, scroll-margin-left, rem, -30, 30, 1, 1rem);
  // interactivity - scroll padding
  @include universalMixin(true, false, false, md\:scroll-p-, scroll-padding, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-p-, scroll-padding, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-px-, scroll-padding-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-px-, scroll-padding-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-py-, scroll-padding-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-py-, scroll-padding-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-pt-, scroll-padding-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-pt-, scroll-padding-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-pr-, scroll-padding-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-pr-, scroll-padding-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-pb-, scroll-padding-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-pb-, scroll-padding-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, md\:scroll-pl-, scroll-padding-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, md\:scroll-pl-, scroll-padding-left, rem, -30, 30, 1, 1rem);
}
@include lg {
  @include eachValues(lg\:, $interactivityUtilitiesWebkit, true);
  @include eachValues(lg\:, $interactivityUtilities);
  @include lightColor(lg\:caret-, 1, 10, caret-color, $colors);
  @include lightColor(lg\:caret-, 0, 0, caret-color, $lightdark);
  @include initialColor(lg\:caret-, caret-color);
  @include initialColor(lg\:caret-, caret-color, active);
  @include initialColor(lg\:caret-, caret-color, focus);
  // interactivity - scroll margin
  @include universalMixin(true, false, false, lg\:scroll-m-, scroll-margin, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-m-, scroll-margin, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-mx-, scroll-margin-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-mx-, scroll-margin-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-my-, scroll-margin-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-my-, scroll-margin-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-mt-, scroll-margin-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-mt-, scroll-margin-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-mr-, scroll-margin-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-mr-, scroll-margin-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-mb-, scroll-margin-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-mb-, scroll-margin-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-ml-, scroll-margin-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-ml-, scroll-margin-left, rem, -30, 30, 1, 1rem);
  // interactivity - scroll padding
  @include universalMixin(true, false, false, lg\:scroll-p-, scroll-padding, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-p-, scroll-padding, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-px-, scroll-padding-inline, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-px-, scroll-padding-inline, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-py-, scroll-padding-block, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-py-, scroll-padding-block, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-pt-, scroll-padding-top, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-pt-, scroll-padding-top, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-pr-, scroll-padding-right, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-pr-, scroll-padding-right, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-pb-, scroll-padding-bottom, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-pb-, scroll-padding-bottom, rem, -30, 30, 1, 1rem);
  @include universalMixin(true, false, false, lg\:scroll-pl-, scroll-padding-left, px, -100, 100, 1, 1px);
  @include universalMixin(true, false, false, lg\:scroll-pl-, scroll-padding-left, rem, -30, 30, 1, 1rem);
}