_mixins.scss

@use "sass:map";
@use "./tokens";

@mixin export {
  // ここのみ特殊例として許可する
  /* stylelint-disable no-invalid-position-at-import-rule */
  @import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css");
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Open+Sans:wght@400;700&display=swap");
  /* stylelint-enable no-invalid-position-at-import-rule */

  :root {
    // フォールバックを目的に指定するfont familyの値はFlavorで指定しているためlintの対象から除外する
    /* stylelint-disable font-family-no-missing-generic-family-keyword, font-family-no-duplicate-names */
    font-family: #{map.get(
          map.get(map.get(tokens.$tokens, typography), font-family),
          sans-latin
        )},
      #{map.get(
          map.get(map.get(tokens.$tokens, typography), font-family),
          sans-japanese
        )},
      #{map.get(map.get(map.get(tokens.$tokens, typography), font-family), ui)},
      sans-serif;
    /* stylelint-enable font-family-no-missing-generic-family-keyword, font-family-no-duplicate-names */
  }
}

@mixin icon-font($base-url: "@pepabo-inhouse/icon/dist") {
  @font-face {
    font-weight: 400;
    font-family: "Inhouse Icons";
    font-style: normal;
    src:
      url($base-url + "/inhouse-icons.woff2") format("woff2"),
      url($base-url + "/inhouse-icons.woff") format("woff");
  }
}