Nest CSS rules in themes/pmahomme/scss/_enum-editor.scss

Signed-off-by: Maurício Meneghini Fauth <mauriciofauth@gmail.com>
phpmyadmin · Nov 17, 2018 · 815b318 · 815b318
1 parent 56b7432
commit 815b318
Showing 1 changed file with 45 additions and 41 deletions.
diff --git a/themes/pmahomme/scss/_enum-editor.scss b/themes/pmahomme/scss/_enum-editor.scss
@@ -6,60 +6,64 @@ p.enum_notice {
   font-size: 80%;
 }
 
-#enum_editor p {
-  margin-top: 0;
-  font-style: italic;
-}
+#enum_editor {
+  p {
+    margin-top: 0;
+    font-style: italic;
+  }
 
-#enum_editor .values,
-#enum_editor .add {
-  width: 100%;
-}
+  .values,
+  .add {
+    width: 100%;
+  }
 
-#enum_editor .add td {
-  vertical-align: middle;
-  width: 50%;
-  padding: 0 0 0;
-  padding-#{$left}: 1em;
-}
+  .add td {
+    vertical-align: middle;
+    width: 50%;
+    padding: 0 0 0;
+    padding-#{$left}: 1em;
+  }
 
-#enum_editor .values td.drop {
-  width: 1.8em;
-  cursor: pointer;
-  vertical-align: middle;
-}
+  .values {
+    td.drop {
+      width: 1.8em;
+      cursor: pointer;
+      vertical-align: middle;
+    }
 
-#enum_editor .values input {
-  margin: .1em 0;
-  padding-#{$right}: 2em;
-  width: 100%;
-}
+    input {
+      margin: .1em 0;
+      padding-#{$right}: 2em;
+      width: 100%;
+    }
 
-#enum_editor .values img {
-  width: 1.8em;
-  vertical-align: middle;
-}
+    img {
+      width: 1.8em;
+      vertical-align: middle;
+    }
+  }
 
-#enum_editor input.add_value {
-  margin: 0;
-  margin-#{$right}: 0.4em;
-}
+  input.add_value {
+    margin: 0;
+    margin-#{$right}: 0.4em;
+  }
 
-#enum_editor_output textarea {
-  width: 100%;
-  float: $right;
-  margin: 1em 0 0 0;
+  &_output textarea {
+    width: 100%;
+    float: $right;
+    margin: 1em 0 0 0;
+  }
 }
 
 /**
  * ENUM/SET editor integration for the routines editor
  */
 .enum_hint {
   position: relative;
-}
 
-.enum_hint a {
-  position: absolute;
-  #{$left}: 81%;
-  bottom: .35em;
+  a {
+    position: absolute;
+    #{$left}: 81%;
+    bottom: .35em;
+  }
 }