Optimize Buefy css imports to reduce the bundle size

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

src/App.vue

@@ -37,8 +37,6 @@
 
 <script>
 // TODO Reduce custom styling in favour of Vocabulary styles
-import '@creativecommons/vocabulary/css/root.css'
-import '@creativecommons/vocabulary/css/index.css'
 
 import HelpSection from './components/HelpSection'
 import Stepper from './components/Stepper'
@@ -97,7 +95,14 @@ export default {
 
     // Import Bulma and Buefy styles
     @import "~bulma";
-    @import "~buefy/src/scss/buefy";
+    @import '~buefy/src/scss/utils/_variables.scss';
+    @import '~buefy/src/scss/components/_modal.scss';
+    @import '~buefy/src/scss/components/_radio.scss';
+    @import '~buefy/src/scss/components/_tabs.scss';
+    @import '~buefy/src/scss/components/_select.scss';
+    @import '~buefy/src/scss/components/_form.scss';
+    @import '~buefy/src/scss/components/_icon.scss';
+
     @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A%20400%2C600%2C700%7CRoboto+Condensed&ver=4.9.8");
 
     #app {

src/main.js

@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import Buefy from 'buefy'
-import 'buefy/dist/buefy.css'
 import i18n from './i18n'
 import VueAnalytics from 'vue-analytics'
 import App from './App.vue'