update

Author: Alexander Zidyganov

.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    "env"
+  ],
+  "plugins": [
+    "@babel/plugin-syntax-dynamic-import"
+  ]
+}

.editorconfig

@@ -0,0 +1,21 @@
+root = true
+
+[*]
+insert_final_newline = true
+
+[*]
+charset = utf-8
+
+# Tab indentation (no size specified)
+[*.{md}]
+indent_style = tab
+
+# 2 space indentation
+[*.{css,json,yml,js,scss,sass,styl,vue,twig,html,hbr}]
+indent_style = space
+indent_size = 2
+
+# 4 spase indentation
+[*.{jade,pug}]
+indent_style = space
+indent_size = 4

.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+  'parserOptions': {
+    'ecmaVersion': 6,
+    'sourceType': 'module'
+  },
+  'env': {
+    'browser': true,
+    'node': true,
+    'es6': true,
+  },
+  'globals': {
+    Vue: 1,
+    window: 1,
+    document: 1,
+  },
+  'extends': ['eslint:recommended'],
+  'rules': {
+    'indent': ["error", 2],
+    'semi': ['error', 'always'],
+    'quotes': ['error', 'single'],
+    'comma-dangle': ['error', 'never'],
+    'no-cond-assign': ['error', 'always'],
+    'no-constant-condition': ['error', { 'checkLoops': false }],
+    'no-console': 'off'
+  }
+};

.gitignore

@@ -1,2 +1,5 @@
 /.idea
+/node_modules
 .DS_Store
+/_accessDeploy.json
+/yarn.lock

README.md

@@ -1,6 +1,8 @@
 # Bootstrap Silent Grid
 
-## My problem when I used Bootstrap Grid
+Source file SCSS [link](https://github.com/csscoderRU/bootstrap-silent-grid/blob/master/source/scss/_bootstrap-silent-grid.scss)
+
+## I want to be free in class naming
 
 I like Bootstrap 4 grid on Flex, but do not like clutter up HTML. I have a visual discomfort, difficult to track steps of media queries when I use bootstrap naming in HTML. For example
 
@@ -54,4 +56,4 @@ When I write SCSS with **Bootstrap Silent Grid** I can write with silent class a
 ## Limitations
 
 1. May be is not will be good on very big project.
-2. For get smaller result CSS file you need use GLOB imports SCSS code (if you use more than 1 SCSS file).
+2. For get smaller result CSS file you need use GLOB imports SCSS code (if you use more than 1 SCSS file).

_accessDeployExample.json

@@ -0,0 +1,6 @@
+{
+  "hostname": "1.1.1.1",
+  "username": "user",
+  "port": 22,
+  "hostDestination": "/home/www/"
+}

_deploy.js

@@ -0,0 +1,31 @@
+//Rsync
+const Rsync = require('rsync');
+const pkg = require('./package.json');
+const access = require('./_accessDeploy.json');
+
+console.log(`path: ${__dirname}/build/`);
+
+const directory = pkg.name;
+const localPath = 'build/';
+const hostname = access.hostname;
+const username = access.username;
+const port = access.port;
+const hostDestination = `${access.hostDestination}${directory}`;
+const rsync = new Rsync()
+.set('progress')
+.shell(`ssh -p ${port}`)
+.exclude(['.git', '.DS_Store'])
+.set('delete')
+.flags('av')
+.source(localPath)
+.destination(`${username}@${hostname}:${hostDestination}/`);
+
+rsync.execute(function (error, code, cmd) {
+    if (error) {
+        console.log(error);
+    }
+    if (code === 0) {
+        console.log(`Deployed 'build/' to ${username}@${hostname}:${hostDestination}/`);
+        console.log(`https://dev.csscoder.pro/${directory}/`);
+    }
+});

_pagesList.json

@@ -0,0 +1,14 @@
+{
+  "pages": [
+    {
+      "viewFile": "pages/layout/list.pug",
+      "pageName": "list.html",
+      "name": "List"
+    },
+    {
+      "viewFile": "pages/homepage.pug",
+      "pageName": "index.html",
+      "name": "Go to simple Example"
+    }
+  ]
+}