issue: rebuild

afeiship · Mar 21, 2018 · 471273a · 471273a
1 parent 0e376ec
commit 471273a
Show file tree

Hide file tree

Showing 15 changed files with 72 additions and 45 deletions.
diff --git a/bower.json b/bower.json
@@ -14,7 +14,7 @@
     "cssui",
     "overlay"
   ],
-  "homepage": "https://github.com/afeiship/webkit-cssui-absolute-center",
+  "homepage": "https://github.com/afeiship/webkit-sassui-overlay",
   "moduleType": [
     "amd"
   ],

diff --git a/gulp/build.js → build/build.js b/gulp/build.js → build/build.js
diff --git a/gulp/clean.js → build/clean.js b/gulp/clean.js → build/clean.js
diff --git a/gulp/config.js → build/config.js b/gulp/config.js → build/config.js
diff --git a/gulp/styles.js → build/styles.js b/gulp/styles.js → build/styles.js
diff --git a/gulp/test.js → build/test.js b/gulp/test.js → build/test.js
@@ -11,9 +11,9 @@
 
   //styles
   gulp.task('test',function() {
-    return gulp.src('test/test.scss')
+    return gulp.src('docs/test.scss')
       .pipe($.sass({outputStyle: 'expanded'}).on('error', $.sass.logError))
-      .pipe(gulp.dest('test'));
+      .pipe(gulp.dest('docs'));
   });
 
 

diff --git a/dist/webkit-sassui-overlay.scss b/dist/webkit-sassui-overlay.scss
@@ -1,20 +1,26 @@
 /*webkit-sassui-overlay Start*/
-@mixin webkit-sassui-overlay($inPostion:fixed,$inOpacity:0.4,$inIndex:100,$inColor:#000){
+$webkit-sassui-overlay-position:(fixed, absolute);
+
+.webkit-sassui-overlay{
   //Your mixin code goes here.
-  position: $inPostion;
-  background: rgba($inColor,$inOpacity);
+
+  @each $value in $webkit-sassui-overlay-position{
+    &[data-position=#{$value}]{
+      position: $value;
+    }
+  }
+
+  &[data-color=black]{
+    background: rgba(#000,0.4);
+  }
+
+  &[data-color=white]{
+    background: rgba(#FFF,0.4);
+  }
+
   left:0;
   right:0;
   bottom:0;
   top:0;
-  z-index: $inIndex;
-}
-
-@mixin webkit-sassui-overlay-black($inPostion:fixed,$inOpacity:0.4,$inIndex:100){
-  @include webkit-sassui-overlay($inPostion,$inOpacity,$inIndex,#000);
-}
-
-@mixin webkit-sassui-overlay-white($inPostion:fixed,$inOpacity:0.4,$inIndex:100){
-  @include webkit-sassui-overlay($inPostion,$inOpacity,$inIndex,#FFF);
 }
 /*webkit-sassui-overlay End*/
diff --git a/test/test.html → docs/index.html b/test/test.html → docs/index.html
@@ -8,6 +8,6 @@
   <link rel="stylesheet" href="./test.css">
 </head>
 <body>
-  <div class="test-webkit-sassui-overlay"></div>
+  <div class="webkit-sassui-overlay" data-color=black data-position=fixed></div>
 </body>
 </html>
diff --git a/docs/test.css b/docs/test.css
@@ -0,0 +1,25 @@
+/*webkit-sassui-overlay Start*/
+.webkit-sassui-overlay {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+}
+
+.webkit-sassui-overlay[data-position=fixed] {
+  position: fixed;
+}
+
+.webkit-sassui-overlay[data-position=absolute] {
+  position: absolute;
+}
+
+.webkit-sassui-overlay[data-color=black] {
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.webkit-sassui-overlay[data-color=white] {
+  background: rgba(255, 255, 255, 0.4);
+}
+
+/*webkit-sassui-overlay End*/
diff --git a/docs/test.scss b/docs/test.scss
@@ -0,0 +1 @@
+@import "../dist/webkit-sassui-overlay.scss";
diff --git a/gulpfile.js b/gulpfile.js
@@ -11,8 +11,8 @@
   });
 
   //import
-  fs.readdirSync('./gulp').map(function(file) {
-    require('./gulp/' + file);
+  fs.readdirSync('./build').map(function(file) {
+    require('./build/' + file);
   });
 
 

diff --git a/package.json b/package.json
@@ -7,6 +7,10 @@
     "name": "afei",
     "email": "1290657123@qq.com"
   },
+  "scripts":{
+    "build":"gulp"
+  },
+  "main":"dist/webkit-sassui-overlay.scss",
   "license": "MIT",
   "devDependencies": {
     "del": "^2.2.1",

diff --git a/src/webkit-sassui-overlay.scss b/src/webkit-sassui-overlay.scss
@@ -1,20 +1,26 @@
 /*webkit-sassui-overlay Start*/
-@mixin webkit-sassui-overlay($inPostion:fixed,$inOpacity:0.4,$inIndex:100,$inColor:#000){
+$webkit-sassui-overlay-position:(fixed, absolute);
+
+.webkit-sassui-overlay{
   //Your mixin code goes here.
-  position: $inPostion;
-  background: rgba($inColor,$inOpacity);
+
+  @each $value in $webkit-sassui-overlay-position{
+    &[data-position=#{$value}]{
+      position: $value;
+    }
+  }
+
+  &[data-color=black]{
+    background: rgba(#000,0.4);
+  }
+
+  &[data-color=white]{
+    background: rgba(#FFF,0.4);
+  }
+
   left:0;
   right:0;
   bottom:0;
   top:0;
-  z-index: $inIndex;
-}
-
-@mixin webkit-sassui-overlay-black($inPostion:fixed,$inOpacity:0.4,$inIndex:100){
-  @include webkit-sassui-overlay($inPostion,$inOpacity,$inIndex,#000);
-}
-
-@mixin webkit-sassui-overlay-white($inPostion:fixed,$inOpacity:0.4,$inIndex:100){
-  @include webkit-sassui-overlay($inPostion,$inOpacity,$inIndex,#FFF);
 }
 /*webkit-sassui-overlay End*/
diff --git a/test/test.css b/test/test.css
diff --git a/test/test.scss b/test/test.scss