From 4d535d0821da6de6fc584c88c52d5efdfcc0bee8 Mon Sep 17 00:00:00 2001 From: Daniel-I-Am Date: Thu, 26 May 2022 11:58:38 +0200 Subject: [PATCH] Add scss --- package-lock.json | 41 +++++++++++++++++++++++++++++++++++++++++ package.json | 1 + src/js/app.js | 2 ++ src/sass/main.scss | 4 ++++ 4 files changed, 48 insertions(+) create mode 100644 src/sass/main.scss diff --git a/package-lock.json b/package-lock.json index 868e4e3..d14a999 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "mini-css-extract-plugin": "^2.6.0", "pug": "^2.0.4", "pug-loader": "^2.4.0", + "sass": "^1.52.1", "sass-loader": "^13.0.0", "style-loader": "^3.3.1", "webpack": "^5.72.1", @@ -2042,6 +2043,12 @@ "postcss": "^8.1.0" } }, + "node_modules/immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", + "dev": true + }, "node_modules/import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -3528,6 +3535,23 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "node_modules/sass": { + "version": "1.52.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.52.1.tgz", + "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=12.0.0" + } + }, "node_modules/sass-loader": { "version": "13.0.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.0.0.tgz", @@ -6322,6 +6346,12 @@ "dev": true, "requires": {} }, + "immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", + "dev": true + }, "import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -7453,6 +7483,17 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "sass": { + "version": "1.52.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.52.1.tgz", + "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==", + "dev": true, + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, "sass-loader": { "version": "13.0.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.0.0.tgz", diff --git a/package.json b/package.json index c6b6189..aa5310b 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "mini-css-extract-plugin": "^2.6.0", "pug": "^2.0.4", "pug-loader": "^2.4.0", + "sass": "^1.52.1", "sass-loader": "^13.0.0", "style-loader": "^3.3.1", "webpack": "^5.72.1", diff --git a/src/js/app.js b/src/js/app.js index 3052d30..be183ce 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1,3 +1,5 @@ +require('../sass/main.scss'); + const snippets = require('../data/snippets.json'); console.log(snippets); diff --git a/src/sass/main.scss b/src/sass/main.scss new file mode 100644 index 0000000..9e9baf9 --- /dev/null +++ b/src/sass/main.scss @@ -0,0 +1,4 @@ +html, +body { + background-color: black; +}