@charset "utf-8";

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

@mixin firefox($size: false) {

  html[data-browsername = "firefox"] & {
    @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;
    }
  }
}