update: clean-up form css

src/styles/base/form.scss

@@ -1,11 +1,16 @@
-form {
+
+.content-box {
+  
+  &.with-form {
+    
+    form {
       display: flex;
       flex-direction: column;
       margin-left: -3.4rem;
       transition: all .3s ease;
-}
+    }
     
-.button-register>form>input[type=submit] {
+    .button-register>form>input[type=submit] {
       @extend .button,
       .text-bold,
       .text-uppercase,
@@ -14,9 +19,9 @@ form {
       .bordered;
       margin-left: auto;
       margin-top: 3.2rem;
-}
+    }
     
-.fieldset {
+    .fieldset {
       border-bottom: 1px solid var(--color-fieldset-border);
       color: var(--color-title);
       display: flex;
@@ -25,9 +30,9 @@ form {
       font-weight: 600;
       margin: 2.6rem 0 1.8rem;
       padding-bottom: 0.8rem;
-}
+    }
     
-.form-label {
+    .form-label {
       /*flex: 1 1 auto;*/
       font-weight: 600;
     
@@ -40,22 +45,22 @@ form {
           margin-bottom: 0.8rem;
         }
       }
-}
+    }
     
-.is-full-width {
+    .is-full-width {
       box-sizing: border-box;
       flex: 1 1 100%;
       padding-left: 3.4rem;
-}
+    }
     
-.is-half-width {
+    .is-half-width {
       box-sizing: border-box;
       flex: 0 0 50%;
       padding-left: 3.4rem;
-}
+    }
     
-input:not([type='file']):not([type='search']):not([type='submit']),
-textarea {
+    input:not([type='file']):not([type='search']):not([type='submit']),
+    textarea {
       -webkit-tap-highlight-color: var(--color-grey-7);
       background-color: var(--color-input-background);
       box-sizing: border-box;
@@ -70,15 +75,11 @@ textarea {
       &:active {
         border-bottom: 2px solid var(--color-input-active);
       }
-}
+    }
     
-textarea {
+    textarea {
       height: 100px;
-}
-
-.content-box {
-
-  &.with-form {
+    }
 
     sib-set-default:not([name='user-thumb']) {
 			clear: both;