emoji.scss

emoji.scss

@font-face {
  unicode-range : U+1F431-U+1F63A;
}

.c-emoji:before {
  font-style: normal;
}

$emojiList:
  "arrow-up" "⬆️",
  "arrow-down" "⬇️",
  "cancel" "🚫",
  "delete" "❌",
  "disk" "💾",
  "memo" "📝",
  "minus" "➖",
  "pencil" "✏️",
  "plus" "➕",
  "sparkle" "✨",
  "triangle-up" "🔺",
  "triangle-down" "🔻",
;

@each $emoji in $emojiList {
  $emojiClass: nth($emoji, 1);
  $emojiContent: nth($emoji, 2);
  .c-emoji-#{$emojiClass}:before {
    content: $emojiContent;
  }
}