Enhanced style-lint to use on SCSS files

carlos-algms · carlos-algms · commit 6d344bb7953b · 2018-05-26T20:19:58.000-03:00
diff --git a/.npmignore b/.npmignore
@@ -2,3 +2,4 @@
 node_modules
 *.iml
 package-lock.json
+.vscode
diff --git a/.stylelintrc b/.stylelintrc
@@ -1,8 +1,14 @@
 {
   "extends": "stylelint-config-standard",
+  "plugins": [
+    "stylelint-scss"
+  ],
   "rules": {
     "color-hex-case": "upper",
-    "max-empty-lines": 2
+    "max-empty-lines": 2,
+    "at-rule-no-unknown": null,
+    "scss/selector-no-redundant-nesting-selector": true,
+    "scss/at-rule-no-unknown": true
   },
   "ignoreFiles": [
     "dist/**",
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -6,7 +6,8 @@
     "cleancss",
     "postbuild",
     "prebuild",
-    "stylelint"
+    "stylelint",
+    "valign"
   ],
   "files.associations": {
     "*.stylelintrc": "json"
diff --git a/examples/example.css b/examples/example.css
@@ -10,7 +10,8 @@ main aside:nth-child(even) {
   outline-color: rosybrown;
 }
 
-footer {
+footer,
+header {
   background: #343A40;
   color: #FFF;
   min-height: 1.5rem;
diff --git a/examples/index.html b/examples/index.html
@@ -5,7 +5,7 @@
   <title>CSS Flex Layout</title>
 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-  <link href="../src/main.css" media="all" type="text/css" rel="stylesheet" />
+  <link href="../dist/main.css" media="all" type="text/css" rel="stylesheet" />
   <link href="./example.css" media="all" type="text/css" rel="stylesheet" />
 </head>
 <body class="fl-master-template">
@@ -17,12 +17,12 @@
 </header>
 
 <main class="fl-text-center">
-  <div class="fl-cols-container">
+  <div class="fl-cols-container fl-gutter-10">
     <aside>1</aside>
     <aside>2</aside>
     <aside>3</aside>
   </div>
-  <div class="fl-cols-container">
+  <div class="fl-cols-container fl-gutter-20">
     <aside>1</aside>
     <aside>2</aside>
     <aside>3</aside>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,8 @@ main aside:nth-child(even) {`
`10`	`10`	`outline-color: rosybrown;`
`11`	`11`	`}`
`12`	`12`
`13`		`-footer {`
	`13`	`+footer,`
	`14`	`+header {`
`14`	`15`	`background: #343A40;`
`15`	`16`	`color: #FFF;`
`16`	`17`	`min-height: 1.5rem;`