@medyll/cssfabric 0.0.14 → 0.1.0

package/bin/index.js

@@ -0,0 +1,7 @@
+#! /usr/bin/env node
+
+const fsx = require('fs-extra');
+
+let createDir = './cssfabric/cssfabric.scss';
+
+fsx.ensureFile(createDir);

package/gulpfile.js

@@ -1,22 +1,15 @@
 // ## WIP
 
 const gulp = require("gulp"),
-    unescapeJs = require("unescape-js"),
     jsonTransform = require("gulp-json-transform"),
     cache = require("gulp-cached"),
     gulpSass = require("gulp-sass"),
-    // sassExport = require("gulp-sass-export"),
-    mergeJson = require("gulp-merge-json"),
     gulFileList = require("gulp-filelist"),
     minifyCss = require("gulp-minify-css"),
     fs = require("fs"),
     gulpRename = require("gulp-rename"),
     gulpDownload = require("gulp-download-stream"),
     gulpConcat = require("gulp-concat-util"),
-    sassJson = require("gulp-sass-json"),
-    sassExport = require("gulp-sass-export"),
-    sassVarsToJs = require("gulp-sass-vars-to-js"),
-    parse = require("sass-parser")(),
     gulpJsBeautifier = require('gulp-jsbeautifier'),
     modifyFile = require("gulp-modify-file"),
     json2md = require("json2md"),
@@ -558,25 +551,20 @@ function taskDownload(cb) {
 }
 
 function watchSassTask(cb) {
-    // scss , css , scss
     gulp.watch(
         fabricModuleDir + "/**/*.scss",
-        gulp.series(task_sass2css, task_mergeInclude, task_varsExport)  // watchCssExportVars
-    ); // task_varsExport
-
+        gulp.series(task_sass2css, task_mergeInclude, task_varsExport)
+    );
     cb();
 }
 
 // todo change to styleDir
 function watchInclude(cb) {
-    // gulp.watch(fabricStylesDir, task_mergeInclude);
-    //gulp.watch(fabricModuleDir, task_mergeInclude);
 
     cb();
 }
 
 function watchReadme(cb) {
-    // console.log([fabricModuleDir,"!"+fabricModuleDir + "/**/_*.scss"])
     gulp.watch(
         [fabricModuleDir, "!" + fabricModuleDir + "/**/_*.scss"],
         task_readme
@@ -597,7 +585,7 @@ function watchCssExportVars(cb) {
     cb();
 }
 
-// oly one called by npm
+// only one called by npm
 exports.watchSass = watchSassTask;
 
 exports.watchInclude = watchInclude;

package/lib/styles/core/animation/animation.css

@@ -1,215 +0,0 @@
-@keyframes animate-backIn-up {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up {
-  animation-name: translateY(-10px);
-}
-
-@keyframes animate-backIn-up-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up-right {
-  animation-name: translateY(-10px) translateX(+10px);
-}
-
-@keyframes animate-backIn-up-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up-left {
-  animation-name: translateY(-10px) translateX(-10px);
-}
-
-@keyframes animate-backIn-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-right {
-  animation-name: translateX(+10px);
-}
-
-@keyframes animate-backIn-right-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-right-bottom {
-  animation-name: translateX(+10px) translateY(+10px);
-}
-
-@keyframes animate-backIn-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-bottom {
-  animation-name: translateY(+10px);
-}
-
-@keyframes animate-backIn-bottom-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-bottom-left {
-  animation-name: translateY(+10px) translateX(-10px);
-}
-
-@keyframes animate-backIn-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-left {
-  animation-name: translateX(-10px);
-}
-
-@keyframes animate-backOut-up {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-up {
-  animation-name: translateY(-10px);
-}
-
-@keyframes animate-backOut-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-right {
-  animation-name: translateX(+10px);
-}
-
-@keyframes animate-backOut-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-bottom {
-  animation-name: translateY(+10px);
-}
-
-@keyframes animate-backOut-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-left {
-  animation-name: translateX(-10px);
-}

package/lib/styles/core/animation/animation.min.css

@@ -1 +0,0 @@
-@keyframes animate-backIn-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backIn-up{animation-name:translateY(-10px)}@keyframes animate-backIn-up-right{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-up-right{animation-name:translateY(-10px) translateX(+10px)}@keyframes animate-backIn-up-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-up-left{animation-name:translateY(-10px) translateX(-10px)}@keyframes animate-backIn-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-right{animation-name:translateX(+10px)}@keyframes animate-backIn-right-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-right-bottom{animation-name:translateX(+10px) translateY(+10px)}@keyframes animate-backIn-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-bottom{animation-name:translateY(+10px)}@keyframes animate-backIn-bottom-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-bottom-left{animation-name:translateY(+10px) translateX(-10px)}@keyframes animate-backIn-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-left{animation-name:translateX(-10px)}@keyframes animate-backOut-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backOut-up{animation-name:translateY(-10px)}@keyframes animate-backOut-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backOut-right{animation-name:translateX(+10px)}@keyframes animate-backOut-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backOut-bottom{animation-name:translateY(+10px)}@keyframes animate-backOut-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backOut-left{animation-name:translateX(-10px)}