@charset "utf-8";

@use "sass:map";
@use "../variables" as *;

@mixin edge($size: false, $engine: "edgehtml") {
  html[data-browsername = "edge"][data-browserengine="#{$engine}"] & {
    @if ($size) {
      @if ($size == "lg") {
        @media screen and (min-width: map.get($breakPoint, lg)) {
          @content;
        }
      }

      @else if ($size == "sm") {
        @media screen and (max-width: map.get($breakPoint, sm)) {
          @content;
        }
      }
    }

    @else {
      @content;
    }
  }
}