🚿 再開発

scss/form/_index.scss

@@ -1,4 +0,0 @@
-@charset "utf-8";
-
-@import "input.scss";
-@import "group.scss";

scss/form/group.scss

@@ -1,14 +0,0 @@
-.group {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  margin: 1rem 0;
-
-  &.-center {
-    justify-content: center;
-  }
-
-  &.-right {
-    justify-content: flex-end;
-  }
-}

scss/form/input.scss

@@ -1,47 +0,0 @@
-.field {
-  margin-bottom: 1rem;
-
-  .label {
-    display: block;
-    margin-bottom: 0.5rem;
-  }
-
-  .input {
-    position: relative;
-    width: 100%;
-    padding: 1rem 1rem 0.5rem;
-    background-color: $background-color;
-    border: 4px solid $black;
-
-    &::placeholder {
-      font-weight: lighter;
-      color: rgba($black, 0.3);
-    }
-
-    &.-success {
-      border-color: $success-background-color;
-    }
-
-    &.-warning {
-      color: $warning-shadow-color;
-      border-color: $warning-background-color;
-    }
-
-    &.-error {
-      color: $error-background-color;
-      border-color: $error-background-color;
-    }
-  }
-
-  &.-inline {
-    display: flex;
-    align-items: baseline;
-
-    .label {
-      width: 20rem;
-      margin: 0;
-      margin-right: 1rem;
-      text-align: right;
-    }
-  }
-}