👍 説明要素を追加

scss/elements/_index.scss

@@ -5,3 +5,4 @@
 @import "radio.scss";
 @import "container.scss";
 @import "checkbox.scss";
+@import "description.scss";

scss/elements/container.scss

@@ -1,6 +1,7 @@
 .container {
   position: relative;
   padding: 1.5rem 2rem;
+  margin: auto;
 
   &::before,
   &::after {
@@ -57,13 +58,17 @@
     }
   }
 
-  &.-dark {
+  &._dark {
     color: $white;
 
     &::before {
       background-color: $black;
     }
 
+    &::after {
+      border-color: $white;
+    }
+
     > .title {
       color: $white;
       background-color: $black;

scss/elements/description.scss

@@ -0,0 +1,17 @@
+.description {
+  width: 100%;
+
+  > dt {
+    position: relative;
+    float: left;
+    margin-right: 1.5rem;
+
+    &.-colon::after {
+      position: absolute;
+      top: 0;
+      right: -1.5rem;
+      z-index: -1;
+      content: ":";
+    }
+  }
+}