chore: update scriopts

.gitignore

@@ -1,4 +1,11 @@
 node_modules
 bower_components
 coverage
+npm-debug.log
+yarn.lock
+Gemfile.lock
+yarn-error.log
+package-lock.json
+.DS_Store
 .idea
+.vscode

.npmignore

@@ -0,0 +1,15 @@
+build
+node_modules
+src
+docs
+test
+__tests__
+.prettierrc
+.editorconfig
+bower.json
+Gemfile
+gulpfile.js
+LICENSE.txt
+Rakefile
+server.js
+.prettierrc

.npmrc

@@ -1 +1,2 @@
 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
+package-lock=false

.prettierrc

@@ -0,0 +1,27 @@
+{
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": "*.scss",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "scss"
+      }
+    },
+    {
+      "files": "*.json",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "json"
+      }
+    }
+  ]
+}

Gemfile

@@ -0,0 +1,5 @@
+source 'https://rubygems.org'
+
+gem 'fileutils'
+gem 'sshkit'
+gem 'semver'

LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 afei <1290657123@qq.com>
+Copyright (c) 2020 afei <1290657123@qq.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,8 +1,18 @@
 # webkit-sassui-layout-fixed-header
-> Fixed header bar for sassui
+> Fixed header bar for sassui.
 
-## usage:
-+ https://afeiship.github.io/webkit-sassui-layout-fixed-header/
+## documentation
+- https://afeiship.github.io/webkit-sassui-layout-fixed-header/
 
-## resources:
-+ https://github.com/afeiship/generator-webkit-sassui
+## installation
+```shell
+npm i @feizheng/webkit-sassui-layout-fixed-header
+```
+
+## usage
+```scss
+@import '~@feizheng/webkit-sassui-layout-fixed-header';
+```
+
+## resources
+- https://github.com/afeiship/generator-webkit-sassui

Rakefile

@@ -0,0 +1,4 @@
+
+Dir["./node_modules/@feizheng/rake-*/index.rake"].each do |task|
+  load task
+end

build/clean.js

@@ -1,16 +1,12 @@
 (function() {
-
   'use strict';
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del'],
   });
-  
+
   //clean
   gulp.task('clean', function() {
     return $.del('dist');
   });
-
-}());
+})();

build/docs.js

@@ -0,0 +1,21 @@
+(function() {
+  'use strict';
+
+  var gulp = require('gulp');
+  var $ = require('gulp-load-plugins')({
+    pattern: ['gulp-*', 'gulp.*', 'del'],
+  });
+  var { includePaths } = nx.$global;
+  //styles
+  gulp.task('docs', function() {
+    return gulp
+      .src('docs/style.scss')
+      .pipe(
+        $.sass({ outputStyle: 'expanded', includePaths }).on(
+          'error',
+          $.sass.logError
+        )
+      )
+      .pipe(gulp.dest('docs'));
+  });
+})();

build/styles.js

@@ -1,18 +1,22 @@
 (function() {
-
   'use strict';
 
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
+  var autoprefixer = require('autoprefixer');
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del', '@feizheng/gulp-*'],
   });
 
+  var { includePaths } = nx.$global;
+
   //styles
-  gulp.task('styles',function() {
-    return gulp.src('src/*.scss')
+  gulp.task('styles', function() {
+    return gulp
+      .src('src/*.scss')
+      .pipe($.feizheng.pkgHeader())
+      .pipe(gulp.dest('dist'))
+      .pipe($.sass({ includePaths }))
+      .pipe($.postcss([autoprefixer()]))
       .pipe(gulp.dest('dist'));
   });
-
-}());
+})();

dist/index.css

@@ -0,0 +1,10 @@
+/*!
+ * name: @feizheng/webkit-sassui-layout-fixed-header
+ * description: Fixed header bar for sassui.
+ * url: https://github.com/afeiship/webkit-sassui-layout-fixed-header
+ * version: 1.0.0
+ * date: 2020-02-25 12:27:03
+ * license: MIT
+ */
+/*webkit-sassui-layout-fixed-header Start*/
+/*webkit-sassui-layout-fixed-header End*/

dist/index.scss

@@ -0,0 +1,33 @@
+/*!
+ * name: @feizheng/webkit-sassui-layout-fixed-header
+ * description: Fixed header bar for sassui.
+ * url: https://github.com/afeiship/webkit-sassui-layout-fixed-header
+ * version: 1.0.0
+ * date: 2020-02-25 12:27:03
+ * license: MIT
+ */
+
+/*webkit-sassui-layout-fixed-header Start*/
+@mixin webkit-sassui-layout-fixed-header($inHeight: 50px, $inGap: 10px) {
+  $padding-top: $inHeight + $inGap;
+
+  &[data-hasbar="true"] {
+    padding-top: $padding-top;
+  }
+  &[data-hasbar="false"] {
+    padding-top: 0;
+    > .is-header {
+      display: none;
+    }
+  }
+
+  > .is-header {
+    position: fixed;
+    height: $inHeight;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 2;
+  }
+}
+/*webkit-sassui-layout-fixed-header End*/

docs/index.html

@@ -1,44 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>webkit-sassui-layout-fixed-footer</title>
-  <link rel="stylesheet" href="./test.css">
+  <title>webkit-sassui-layout-fixed-header</title>
+  <link rel="stylesheet" href="./style.css">
 </head>
 
 <body>
 
-
-  <div class="wrapper test-webkit-sassui-layout-fixed-footer" data-hasbar=true>
-      <div class="header">
-        <span>My header</span>
-        <button id='btn'>Close ME</button>
-      </div>
-
-    <div class="div" style="height:200px; background:salmon;"></div>
-    <div class="div" style="height:200px; background:royalblue;"></div>
-    <div class="div" style="height:200px; background:saddlebrown;"></div>
-    <div class="div" style="height:200px; background:salmon;"></div>
-    <div class="div" style="height:200px; background:seagreen;"></div>
-    <div class="div" style="height:200px; background:sienna;"></div>
-    <div class="div" style="height:200px; background:salmon;"></div>
-    <div class="div" style="height:200px; background:skyblue;"></div>
-    <div class="div" style="height:200px; background:salmon;"></div>
-
-
-  </div>
-
-  <script>
-    var btn = document.querySelector('#btn');
-    var wrapper = document.querySelector('.wrapper');
-    btn.onclick = function(){
-      wrapper.setAttribute('data-hasbar', false);
-    }
-  </script>
-
 </body>
 
 </html>

docs/style.css

@@ -0,0 +1,13 @@
+/*!
+ * name: @feizheng/webkit-sassui-layout-fixed-header
+ * description: Fixed header bar for sassui.
+ * url: https://github.com/afeiship/webkit-sassui-layout-fixed-header
+ * version: 1.0.0
+ * date: 2020-02-25 12:27:03
+ * license: MIT
+ */
+/*webkit-sassui-layout-fixed-header Start*/
+/*webkit-sassui-layout-fixed-header End*/
+.test-webkit-sassui-layout-fixed-header {
+  border: 1px solid red;
+}

docs/style.scss

@@ -0,0 +1,5 @@
+@import "../dist/index.scss";
+
+.test-webkit-sassui-layout-fixed-header{
+  border:1px solid red;
+}