🎉 radiosを追加

scss/elements/_index.scss

@@ -2,3 +2,4 @@
 
 @import "buttons.scss";
 @import "containers.scss";
+@import "radios.scss";

scss/elements/radios.scss

@@ -0,0 +1,32 @@
+.radio {
+  // prettier-ignore
+  $radio: (
+    (1,1,0,0,0,0),
+    (1,1,1,1,0,0),
+    (1,1,1,1,1,0),
+    (1,1,1,1,1,1),
+    (1,1,1,1,1,0),
+    (1,1,1,1,0,0),
+    (1,1,0,0,0,0),
+  );
+  $colors: ($base-color);
+
+  margin-right: 20px;
+  -webkit-appearance: none;
+  appearance: none;
+
+  & + span {
+    position: relative;
+  }
+
+  &:checked + span::before {
+    position: absolute;
+    top: -2px;
+    left: -20px;
+    content: "";
+
+    @include pixelize($radio, $colors, 2px);
+
+    animation: blink 1s infinite steps(1);
+  }
+}