docs: add note for themes, example with CDNs (vuematerial#1225)

* docs: add getting started example with CDNs

* docs: add note about using SCSS/SASS

* docs: improve theme disclaimer about sass support

Author: Samuell1

docs/app/pages/GettingStarted.vue

@@ -47,8 +47,35 @@
       <p>It's optional, but to have the best experience possible, use Roboto and Google Icons from Google CDN:</p>
 
       <code-example title="Roboto Font and Icons" label="HTML" lang="html">
-        &lt;link rel=&quot;stylesheet&quot; href=&quot;//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic&quot;&gt;
-        &lt;link rel=&quot;stylesheet&quot; href=&quot;//fonts.googleapis.com/icon?family=Material+Icons&quot;&gt;
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons&quot;&gt;
+      </code-example>
+
+      <p>For fast prototyping without installing templates from <strong>vue-cli</strong> use CDNs:</p>
+
+      <code-example title="CDN" label="HTML" lang="html">
+        &#x3C;!doctype html&#x3E;
+        &#x3C;html&#x3E;
+          &#x3C;head&#x3E;
+            &#x3C;meta charset=&#x22;utf-8&#x22;&#x3E;
+            &#x3C;link rel=&#x22;stylesheet&#x22; href=&#x22;//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons&#x22;&#x3E;
+          &#x9;&#x3C;link type=&#x22;text/css&#x22; rel=&#x22;stylesheet&#x22; href=&#x22;https://unpkg.com/vue-material@beta/dist/vue-material.min.css&#x22;&#x3E;
+            &#x3C;meta content=&#x22;width=device-width,initial-scale=1,minimal-ui&#x22; name=&#x22;viewport&#x22;&#x3E;
+          &#x3C;/head&#x3E;
+          &#x3C;body&#x3E;
+            &#x3C;div id=&#x22;app&#x22;&#x3E;
+              &#x3C;!-- Your code here --&#x3E;
+            &#x3C;/div&#x3E;
+            &#x3C;script type=&#x22;text/javascript&#x22; src=&#x22;https://unpkg.com/vue&#x22;&#x3E;&#x3C;/script&#x3E;
+            &#x3C;script type=&#x22;text/javascript&#x22; src=&#x22;https://unpkg.com/vue-material@beta&#x22;&#x3E;&#x3C;/script&#x3E;
+            &#x3C;script&#x3E;
+              Vue.use(VueMaterial.default);
+
+              new Vue({
+                el: &#x27;#app&#x27;
+              });
+            &#x3C;/script&#x3E;
+          &#x3C;/body&#x3E;
+        &#x3C;/html&#x3E;
       </code-example>
     </div>
   </page-container>

docs/app/pages/Themes/Configuration.vue

@@ -4,6 +4,11 @@
       <h2 class="md-headline">Creating themes</h2>
 
       <p>The simplest markup to create a theme in Vue Material is:</p>
+
+      <note-block warning>
+        To use themes you'll need SCSS/SASS support in your project. Read more about <a href="https://vue-loader.vuejs.org/en/configurations/pre-processors.html">Pre-Processors</a>. In the near future you'll be able to use themes with Plain CSS and Stylus too. 
+      </note-block>
+
       <code-example label="SCSS" lang="scss">
         @import "~vue-material/dist/theme/engine"; // Import the theme engine