Improve the SCSS architecture.

Author: antoniandre

src/app.vue

@@ -26,7 +26,7 @@ w-app(:class="{ ready }" v-scroll="onScroll")
 <script>
 import Documentation from '@/documentation'
 import TopBar from '@/documentation/top-bar'
-import '@/documentation/_base.scss'
+import '@/scss/index.scss'
 
 export default {
   name: 'app',

src/documentation/index.vue

@@ -2314,7 +2314,7 @@ import Highlight from '@/components/highlight-message/index'
 
 import '@/components/vueperslides/styles.scss'
 import 'simple-syntax-highlighter/dist/sshpre.css'
-import './examples.scss'
+import '@/scss/examples.scss'
 
 export default {
   components: {

src/documentation/_base.scss renamed to src/scss/_base.scss

@@ -1,6 +1,3 @@
-@import './variables';
-@import './typography';
-
 // Global.
 // --------------------------------------------------------
 * {

src/documentation/_typography.scss renamed to src/scss/_typography.scss

@@ -0,0 +1,3 @@
+@import './variables';
+@import './base';
+@import './typography';