Stylistic update

GrapesJS · Sep 20, 2017 · 3faeec6 · 3faeec6
1 parent 2da2d59
commit 3faeec6
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 35 deletions.
diff --git a/dist/css/grapes.min.css b/dist/css/grapes.min.css
diff --git a/src/styles/scss/_gjs_inputs.scss b/src/styles/scss/_gjs_inputs.scss
@@ -16,12 +16,44 @@
   height: 3px;
 }
 
-.#{$app-prefix}label {
-  line-height: 18px;
+.#{$app-prefix} {
+  &label {
+    line-height: 18px;
+  }
+
+  &fields {
+    display: flex;
+  }
+
+  &select {
+    padding: 0;
+    width: 100%;
+
+    select {
+      padding-right: 10px;
+    }
+  }
+
+  &select:-moz-focusring,
+  &select select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $mainLhlColor;
+  }
+
+  &input:focus,
+  &button:focus,
+  &btn-prim:focus,
+  &select:focus,
+  &select select:focus {
+    outline: none;
+  }
 }
 
-.#{$app-prefix}fields {
-  display: flex;
+.#{$app-prefix}select option,
+.#{$clm-prefix}select option,
+.#{$sm-prefix}select option,
+.#{$sm-prefix}unit option {
+  @extend .#{$app-prefix}bg-main;
 }
 
 .#{$app-prefix}field {

diff --git a/src/styles/scss/main.scss b/src/styles/scss/main.scss
@@ -206,36 +206,6 @@
   pointer-events: none;
 }
 
-div.#{$app-prefix}select {
-  padding: 0;
-}
-
-.#{$app-prefix}select select {
-  padding-right: 10px;
-}
-
-.#{$app-prefix}select:-moz-focusring,
-.#{$app-prefix}select select:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 $mainLhlColor;
-}
-
-.#{$app-prefix}input:focus,
-.#{$app-prefix}button:focus,
-.#{$app-prefix}btn-prim:focus,
-.#{$app-prefix}select:focus,
-.#{$app-prefix}select select:focus {
-  outline: none;
-}
-
-.#{$app-prefix}select option,
-.#{$clm-prefix}select option,
-.#{$sm-prefix}select option,
-.#{$sm-prefix}unit option {
-  @extend .#{$app-prefix}bg-main;
-  //background-color: $mainDkColor;
-}
-
 /*************  TRAITS  ****************/
 .#{$app-prefix}traits-label {
   border-bottom: 1px solid $mainDkColor;