issue: opmtize

afeiship · Jun 25, 2018 · c6a5b09 · c6a5b09
1 parent 95b0c02
commit c6a5b09
Show file tree

Hide file tree

Showing 6 changed files with 113 additions and 123 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,9 @@
 node_modules
 bower_components
 coverage
+npm-debug.log
+yarn.lock
+package-lock.json
+.DS_Store
 .idea
+.vscode
diff --git a/dist/webkit-sassui-position-box.scss b/dist/webkit-sassui-position-box.scss
@@ -8,61 +8,55 @@ $webkit-sassui-position-box-list:(relative, absolute, fixed);
   }
 
 
-  > * {
-    &[data-direction]{
-      position: absolute;
-    }
+  [data-direction]{
+    position: absolute;
+  }
 
-    &[data-direction=center]{
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
+  [data-direction=center]{
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
 
-    &[data-direction=top],
-    &[data-direction=bottom]{
-      left: 50%;
-      transform: translateX(-50%);
-    }
+  [data-direction=top],
+  [data-direction=bottom]{
+    left: 50%;
+    transform: translateX(-50%);
+  }
 
-    &[data-direction=left],
-    &[data-direction=right]{
-      top: 50%;
-      transform: translateY(-50%);
-    }
+  [data-direction=left],
+  [data-direction=right]{
+    top: 50%;
+    transform: translateY(-50%);
+  }
 
-    &[data-direction=top]{
-      top:0;
-    }
-    &[data-direction=right]{
-      right: 0;
-    }
-    &[data-direction=bottom]{
-      bottom:0;
-    }
-    &[data-direction=left]{
-      left: 0;
-    }
-    &[data-direction=lt]{
-      left: 0;
-      top: 0;
-    }
-    &[data-direction=tr]{
-      top: 0;
-      right: 0;
-    }
-    &[data-direction=rb]{
-      right: 0;
-      bottom: 0;
-    }
-    &[data-direction=bl]{
-      bottom: 0;
-      left: 0;
-    }
-    &[data-direction=lt]{
-      left:0;
-      top:0;
-    }
+  [data-direction=top]{
+    top:0;
+  }
+  [data-direction=right]{
+    right: 0;
+  }
+  [data-direction=bottom]{
+    bottom:0;
+  }
+  [data-direction=left]{
+    left: 0;
+  }
+  [data-direction=tl]{
+    left: 0;
+    top: 0;
+  }
+  [data-direction=tr]{
+    top: 0;
+    right: 0;
+  }
+  [data-direction=br]{
+    right: 0;
+    bottom: 0;
+  }
+  [data-direction=bl]{
+    bottom: 0;
+    left: 0;
   }
 }
 /*webkit-sassui-position-box End*/
diff --git a/docs/index.html b/docs/index.html
@@ -16,9 +16,9 @@
     <span data-direction='center'>center</span>
     <img data-direction='center' src="circle.png" width="120">
 
-    <span data-direction='lt'>lt</span>
+    <span data-direction='tl'>tl</span>
     <span data-direction='tr'>tr</span>
-    <span data-direction='rb'>rb</span>
+    <span data-direction='br'>br</span>
     <span data-direction='bl'>bl</span>
 
   </div>

diff --git a/docs/test.css b/docs/test.css
@@ -11,67 +11,64 @@
   position: fixed;
 }
 
-.webkit-sassui-position-box > *[data-direction] {
+.webkit-sassui-position-box [data-direction] {
   position: absolute;
 }
 
-.webkit-sassui-position-box > *[data-direction=center] {
+.webkit-sassui-position-box [data-direction=center] {
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }
 
-.webkit-sassui-position-box > *[data-direction=top], .webkit-sassui-position-box > *[data-direction=bottom] {
+.webkit-sassui-position-box [data-direction=top],
+.webkit-sassui-position-box [data-direction=bottom] {
   left: 50%;
   transform: translateX(-50%);
 }
 
-.webkit-sassui-position-box > *[data-direction=left], .webkit-sassui-position-box > *[data-direction=right] {
+.webkit-sassui-position-box [data-direction=left],
+.webkit-sassui-position-box [data-direction=right] {
   top: 50%;
   transform: translateY(-50%);
 }
 
-.webkit-sassui-position-box > *[data-direction=top] {
+.webkit-sassui-position-box [data-direction=top] {
   top: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=right] {
+.webkit-sassui-position-box [data-direction=right] {
   right: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=bottom] {
+.webkit-sassui-position-box [data-direction=bottom] {
   bottom: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=left] {
+.webkit-sassui-position-box [data-direction=left] {
   left: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=lt] {
+.webkit-sassui-position-box [data-direction=tl] {
   left: 0;
   top: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=tr] {
+.webkit-sassui-position-box [data-direction=tr] {
   top: 0;
   right: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=rb] {
+.webkit-sassui-position-box [data-direction=br] {
   right: 0;
   bottom: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=bl] {
+.webkit-sassui-position-box [data-direction=bl] {
   bottom: 0;
   left: 0;
 }
 
-.webkit-sassui-position-box > *[data-direction=lt] {
-  left: 0;
-  top: 0;
-}
-
 /*webkit-sassui-position-box End*/
 .test-webkit-sassui-position-box {
   border: 1px solid red;

diff --git a/package.json b/package.json
@@ -8,9 +8,9 @@
     "email": "1290657123@qq.com"
   },
   "scripts": {
-    "build":"gulp"
+    "build": "gulp"
   },
-  "main":"dist/webkit-sassui-position-box.scss",
+  "main": "dist/webkit-sassui-position-box.scss",
   "license": "MIT",
   "devDependencies": {
     "del": "^2.2.1",

diff --git a/src/webkit-sassui-position-box.scss b/src/webkit-sassui-position-box.scss
@@ -8,61 +8,55 @@ $webkit-sassui-position-box-list:(relative, absolute, fixed);
   }
 
 
-  > * {
-    &[data-direction]{
-      position: absolute;
-    }
+  [data-direction]{
+    position: absolute;
+  }
 
-    &[data-direction=center]{
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
+  [data-direction=center]{
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
 
-    &[data-direction=top],
-    &[data-direction=bottom]{
-      left: 50%;
-      transform: translateX(-50%);
-    }
+  [data-direction=top],
+  [data-direction=bottom]{
+    left: 50%;
+    transform: translateX(-50%);
+  }
 
-    &[data-direction=left],
-    &[data-direction=right]{
-      top: 50%;
-      transform: translateY(-50%);
-    }
+  [data-direction=left],
+  [data-direction=right]{
+    top: 50%;
+    transform: translateY(-50%);
+  }
 
-    &[data-direction=top]{
-      top:0;
-    }
-    &[data-direction=right]{
-      right: 0;
-    }
-    &[data-direction=bottom]{
-      bottom:0;
-    }
-    &[data-direction=left]{
-      left: 0;
-    }
-    &[data-direction=lt]{
-      left: 0;
-      top: 0;
-    }
-    &[data-direction=tr]{
-      top: 0;
-      right: 0;
-    }
-    &[data-direction=rb]{
-      right: 0;
-      bottom: 0;
-    }
-    &[data-direction=bl]{
-      bottom: 0;
-      left: 0;
-    }
-    &[data-direction=lt]{
-      left:0;
-      top:0;
-    }
+  [data-direction=top]{
+    top:0;
+  }
+  [data-direction=right]{
+    right: 0;
+  }
+  [data-direction=bottom]{
+    bottom:0;
+  }
+  [data-direction=left]{
+    left: 0;
+  }
+  [data-direction=tl]{
+    left: 0;
+    top: 0;
+  }
+  [data-direction=tr]{
+    top: 0;
+    right: 0;
+  }
+  [data-direction=br]{
+    right: 0;
+    bottom: 0;
+  }
+  [data-direction=bl]{
+    bottom: 0;
+    left: 0;
   }
 }
 /*webkit-sassui-position-box End*/