[DEV] Updating packages and compiling

Author: webdevnerdstuff

Gruntfile.js

@@ -1,4 +1,4 @@
-const sass = require('node-sass');
+const sass = require('sass');
 
 module.exports = grunt => {
 	require('load-grunt-tasks')(grunt);
@@ -117,13 +117,18 @@ module.exports = grunt => {
 				},
 			},
 		},
-		// ---------------------------------------------------- SASS-LINT //
-		sasslint: {
+		// ---------------------------------------------------- STYLELINT //
+		stylelint: {
 			options: {
-				configFile: '.sass-lint.yml',
-				formatter: 'stylish',
-			},
-			target: ['src/**/*.scss'],
+				configFile: 'stylelint.config.js',
+				formatter: 'string',
+				ignoreDisables: false,
+				failOnError: true,
+				fix: true,
+				reportNeedlessDisables: false,
+				syntax: '',
+			},
+			all: ['src/**/*.scss'],
 		},
 		// ---------------------------------------------------- POSTCSS //
 		postcss: {
@@ -173,7 +178,7 @@ module.exports = grunt => {
 			},
 			scss: {
 				files: ['src/**/*.scss'],
-				tasks: ['sass', 'postcss', 'sasslint'],
+				tasks: ['sass', 'postcss', 'stylelint'],
 			},
 		},
 		paths: {

dist/css/slide-out-panel.css

@@ -1,70 +1,60 @@
 html {
   width: 100%;
 }
-
 @media all and (max-width: 768px) {
   html {
     width: 100% !important;
   }
 }
-
 html.slide-out-top {
   bottom: initial !important;
   top: 0;
 }
-
 html.slide-out-right {
   left: 0;
   right: initial !important;
 }
-
 html.slide-out-bottom {
   bottom: 0;
   top: initial !important;
 }
-
 html.slide-out-left {
   left: initial !important;
   right: 0;
 }
-
 html.slide-out-panel-static {
   position: static !important;
   transition: none !important;
   width: 100% !important;
 }
 
 .slide-out-panel-container {
-  -webkit-overflow-scrolling: touch;
   background-color: #fff;
   bottom: 0;
   box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.3);
   height: auto;
   max-width: 100vw;
+  -webkit-overflow-scrolling: touch;
   overflow-y: auto;
   position: fixed;
   top: 0;
   transition: top ease, right ease, bottom ease, left ease;
   z-index: 9999;
 }
-
 @media all and (max-width: 768px) {
   .slide-out-panel-container {
     bottom: initial;
     position: fixed !important;
   }
 }
-
 @media all and (max-width: 768px) {
   .slide-out-panel-container.open {
     width: 100% !important;
   }
 }
-
 .slide-out-panel-container * {
   box-sizing: border-box;
 }
-
 .slide-out-panel-container .close-slide-out-panel {
   color: #000;
   cursor: pointer;
@@ -74,29 +64,26 @@ html.slide-out-panel-static {
   line-height: 12px;
   min-height: 12px;
   min-width: 12px;
-  opacity: .5;
+  opacity: 0.5;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
-  transition: opacity .35s ease;
+  transition: opacity 0.35s ease;
   width: auto;
   z-index: 9999;
 }
-
 .slide-out-panel-container .close-slide-out-panel:hover {
   font-weight: bold;
   opacity: 1;
 }
-
 .slide-out-panel-container .slide-out-header,
 .slide-out-panel-container .slide-out-content,
 .slide-out-panel-container .slide-out-footer {
   padding: 15px;
   position: relative;
   width: 100%;
 }
-
 .slide-out-panel-container .slide-out-header {
   align-items: center;
   background-color: #fff;
@@ -105,30 +92,24 @@ html.slide-out-panel-static {
   justify-content: center;
   text-align: center;
 }
-
 .slide-out-panel-container .slide-out-header h4 {
   margin: 0;
   padding: 0;
 }
-
 .slide-out-panel-container .slide-out-content {
   background-color: #fff;
 }
-
 .slide-out-panel-container .slide-out-content.no-header {
   padding-top: 30px;
 }
-
 .slide-out-panel-container .slide-out-content.no-header .close-slide-out-panel {
   display: block;
 }
-
 .slide-out-panel-container .slide-out-content .close-slide-out-panel {
   display: none;
   position: absolute;
   top: 15px;
 }
-
 .slide-out-panel-container .slide-out-footer {
   background-color: #fff;
 }
@@ -146,7 +127,6 @@ html.slide-out-panel-static {
   transition: opacity ease;
   width: 100vw;
 }
-
 @media all and (max-width: 768px) {
   .slide-out-panel-screen {
     height: 100%;

dist/css/slide-out-panel.css.map

@@ -1,10 +1,14 @@
 "use strict";
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }