From c2fc2170fe5d28af4040337cb059e706c7944225 Mon Sep 17 00:00:00 2001 From: geoffrey45 Date: Mon, 6 Dec 2021 01:23:28 +0300 Subject: [PATCH] create playlist view - add support for scss --- package.json | 5 +- src/assets/css/_variables.scss | 2 + src/assets/css/{global.css => global.scss} | 0 src/components/LeftSidebar/Navigation.vue | 2 +- src/components/PlaylistView/Header.vue | 31 ++ src/main.js | 2 +- src/router/index.js | 6 + src/views/PlaylistView.vue | 19 + vue.config.js | 9 + yarn.lock | 397 +++++++++++++++++++-- 10 files changed, 440 insertions(+), 33 deletions(-) create mode 100644 src/assets/css/_variables.scss rename src/assets/css/{global.css => global.scss} (100%) create mode 100644 src/components/PlaylistView/Header.vue create mode 100644 src/views/PlaylistView.vue create mode 100644 vue.config.js diff --git a/package.json b/package.json index b7bb1aee..bbb07b46 100644 --- a/package.json +++ b/package.json @@ -11,8 +11,11 @@ "animate.css": "^4.1.1", "core-js": "^3.6.5", "register-service-worker": "^1.7.1", + "sass": "^1.44.0", + "sass-loader": "^10", "vue": "^3.0.0", - "vue-router": "^4.0.0-0" + "vue-router": "^4.0.0-0", + "webpack": "^5.64.4" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", diff --git a/src/assets/css/_variables.scss b/src/assets/css/_variables.scss new file mode 100644 index 00000000..5b0f3261 --- /dev/null +++ b/src/assets/css/_variables.scss @@ -0,0 +1,2 @@ +$card-dark: #131313b2; +$red: #df4646; \ No newline at end of file diff --git a/src/assets/css/global.css b/src/assets/css/global.scss similarity index 100% rename from src/assets/css/global.css rename to src/assets/css/global.scss diff --git a/src/components/LeftSidebar/Navigation.vue b/src/components/LeftSidebar/Navigation.vue index e3f06201..af116c96 100644 --- a/src/components/LeftSidebar/Navigation.vue +++ b/src/components/LeftSidebar/Navigation.vue @@ -27,7 +27,7 @@
- +