fix(css): prefix classes

w11k · Jun 23, 2017 · 7ea2499 · 7ea2499
1 parent 6be870c
commit 7ea2499
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 32 deletions.
diff --git a/src/w11k-select-option/_w11k-select-options.less b/src/w11k-select-option/_w11k-select-options.less
@@ -22,51 +22,52 @@
 
 /* sorry about this - couldn't get it to work otherwise
   especially IE with hover background and indent */
-
-@padding: 19px;
-ul > li {
-  > div {
-    padding-left: 0;
-  }
+.w11k-select {
+  @padding: 19px;
   ul > li {
     > div {
-      padding-left: @padding * 1;
+      padding-left: 0;
     }
     ul > li {
       > div {
-        padding-left: @padding * 2;
+        padding-left: @padding * 1;
       }
       ul > li {
         > div {
-          padding-left: @padding * 3;
+          padding-left: @padding * 2;
         }
         ul > li {
           > div {
-            padding-left: @padding * 4;
+            padding-left: @padding * 3;
           }
           ul > li {
             > div {
-              padding-left: @padding * 5;
+              padding-left: @padding * 4;
             }
             ul > li {
               > div {
-                padding-left: @padding * 6;
+                padding-left: @padding * 5;
               }
               ul > li {
                 > div {
-                  padding-left: @padding * 7;
+                  padding-left: @padding * 6;
                 }
                 ul > li {
                   > div {
-                    padding-left: @padding * 8;
+                    padding-left: @padding * 7;
                   }
                   ul > li {
                     > div {
-                      padding-left: @padding * 9;
+                      padding-left: @padding * 8;
                     }
                     ul > li {
                       > div {
-                        padding-left: @padding * 10;
+                        padding-left: @padding * 9;
+                      }
+                      ul > li {
+                        > div {
+                          padding-left: @padding * 10;
+                        }
                       }
                     }
                   }

diff --git a/src/w11k-select-option/_w11k-select-options.scss b/src/w11k-select-option/_w11k-select-options.scss
@@ -22,51 +22,52 @@
 
 /* sorry about this - couldn't get it to work otherwise
   especially IE with hover background and indent */
-
-$paddig: 19px;
-ul > li {
-  > div {
-    padding-left: 0;
-  }
+.w11k-select {
+  $paddig: 19px;
   ul > li {
     > div {
-      padding-left: $paddig * 1;
+      padding-left: 0;
     }
     ul > li {
       > div {
-        padding-left: $paddig * 2;
+        padding-left: $paddig * 1;
       }
       ul > li {
         > div {
-          padding-left: $paddig * 3;
+          padding-left: $paddig * 2;
         }
         ul > li {
           > div {
-            padding-left: $paddig * 4;
+            padding-left: $paddig * 3;
           }
           ul > li {
             > div {
-              padding-left: $paddig * 5;
+              padding-left: $paddig * 4;
             }
             ul > li {
               > div {
-                padding-left: $paddig * 6;
+                padding-left: $paddig * 5;
               }
               ul > li {
                 > div {
-                  padding-left: $paddig * 7;
+                  padding-left: $paddig * 6;
                 }
                 ul > li {
                   > div {
-                    padding-left: $paddig * 8;
+                    padding-left: $paddig * 7;
                   }
                   ul > li {
                     > div {
-                      padding-left: $paddig * 9;
+                      padding-left: $paddig * 8;
                     }
                     ul > li {
                       > div {
-                        padding-left: $paddig * 10;
+                        padding-left: $paddig * 9;
+                      }
+                      ul > li {
+                        > div {
+                          padding-left: $paddig * 10;
+                        }
                       }
                     }
                   }
@@ -79,3 +80,4 @@ ul > li {
     }
   }
 }
+