fix: elements forms

FromDoppler · Feb 28, 2019 · 6b83cf0 · 6b83cf0
1 parent 3df1989
commit 6b83cf0
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 76 deletions.
diff --git a/assets/scss/core/_base.scss b/assets/scss/core/_base.scss
@@ -0,0 +1,67 @@
+/*Elements form*/
+
+legend {
+  display: none;
+}
+
+label {
+  width: 100%;
+  display: inline-block;
+  margin-bottom: 5px;
+  padding: 0;
+  color: $dp-color-grey;
+  font-weight: bold;
+  font-size: 13px;
+}
+/* span whith class .dropdown-arrow to draw arrow dropdown */
+.dropdown-arrow {
+  border-style: solid;
+  height: 0;
+  width: 0;
+  border-width: 7px 5.5px 0 5.5px;
+  border-color: $dp-color-lightgrey transparent transparent transparent;
+  position: absolute;
+  right: 15px;
+  top: 67%;
+  z-index: 10;
+  transform: translateY(-50%);
+}
+
+select {
+  height: 40px;
+  color: $dp-color-grey;
+  width: 100%;
+  background-color: $dp-color-white;
+  border: 1px solid $dp-color-sylver;
+  border-radius: 3px;
+  font-size: 13px;
+  padding: 0 40px 0 10px;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
+  -webkit-appearance: button;
+  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
+  outline: none;
+}
+
+select:disabled {
+  background-color: $dp-color-snow;
+  border: 1px solid $dp-color-sylver;
+  color: $dp-color-sylver;
+}
+
+textarea {
+  width: 100%;
+  height: 100px;
+  resize: none;
+  padding: 10px;
+  color: $dp-color-grey;
+  border-radius: 3px;
+  font-size: $dp-font-size-form;
+  border: 1px solid $dp-color-sylver;
+}
+
+textarea:focus {
+  border: 1px solid $dp-color-yellow;
+}
diff --git a/assets/scss/modules/_forms.scss b/assets/scss/modules/_forms.scss
@@ -1,4 +1,5 @@
 /* form-request - user-menu */
+
 .form-request {
   font-family: $dp-font-family;
   padding: 20px 0 0;
@@ -14,76 +15,4 @@
     border-top: 1px solid $dp-color-sylver;
     text-align: right;
   }
-
-  legend {
-    display: none;
-  }
-
-  label {
-    width: 100%;
-    display: inline-block;
-    margin-bottom: 5px;
-    padding: 0;
-    color: $dp-color-darkgrey;
-    font-weight: $dp-font-weight-bold;
-    font-size: $dp-font-size-small;
-  }
-
-  .dropdown-plan {
-    height: 40px;
-    width: 100%;
-    background-color: $dp-color-white;
-    border: 1px solid $dp-color-sylver;
-    color: $dp-color-lightgrey;
-    border-radius: 3px;
-    font-size: 13px;
-    padding: 0 40px 0 10px;
-    text-align: left;
-    height: 40px;
-    line-height: 40px;
-    cursor: pointer;
-    appearance: button;
-    box-shadow: 0 0 2px rgba(0,0,0,.1);
-    outline: none;
-  }
-
-  .dropdown-arrow {
-    border-style: solid;
-    height: 0;
-    width: 0;
-    border-width: 7px 5.5px 0 5.5px;
-    border-color: $dp-color-lightgrey transparent transparent transparent;
-    position: absolute;
-    right: 15px;
-    top: 67%;
-    z-index: 10;
-    transform: translateY(-50%);
-  }
-
-  textarea {
-    width: 100%;
-    height: 100px;
-    resize: none;
-    padding: 10px;
-    color: $dp-color-grey;
-    border-radius: 3px;
-    font-size: $dp-font-size-form;
-    border: 1px solid $dp-color-sylver;
-  }
-
-  textarea:focus {
-    border: 1px solid $dp-color-yellow;
-  }
-
-  .button-small {
-    font-size: $dp-font-size-small;
-    font-family: $dp-font-family;
-    color: #FFF;
-    height: 40px;
-    border-radius: 3px;
-    padding-left: 25px;
-    text-transform: none;
-    padding-right: 25px;
-    margin-left: 10px;
-  }
 }
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
@@ -14,7 +14,12 @@
 ///
 /// -> Utilities
 /// -
-@import "core/*";
+@import "core/colors";
+@import "core/reset";
+@import "core/settings";
+@import "core/typography";
+@import "core/variables";
+@import "core/base";
 @import "libs/**/*";
 @import "modules/**/*";
 @import "utilities/*";

diff --git a/assets/scss/templates/_header.scss b/assets/scss/templates/_header.scss
@@ -1,8 +1,8 @@
 /* header */
 $dp-header-height: 4em;
 $dp-border-radius: 5px;
-$dp-text-aling: center;
-/* header */
+$dp-text-aling: center; /* header */
+
 .header-main {
   height: $dp-header-height;
   border-bottom: 1px solid $dp-color-sylver;
@@ -120,11 +120,12 @@ $dp-text-aling: center;
   width: 100%;
 }
 /* nav right */
+
 .nav-right-main {
   display: flex;
 }
 
-.nav-right-main ul {
+.nav-right-main > ul {
   list-style: none;
   margin-top: 0;
   margin-bottom: 0;