fix(codepen): improve use of external css

docs/app/js/codepen.js

@@ -48,10 +48,13 @@
   // additional fields not used by this service. http://blog.codepen.io/documentation/api/prefill
   function CodepenDataAdapter() {
 
-    var CORE_JS = 'http://localhost:8080/angular-material.js';
-    var CORE_CSS = 'http://localhost:8080/angular-material.css';
+    var CORE_JS  = 'https://material.angularjs.org/HEAD/angular-material.js';   //'https://localhost:8080/angular-material.js';
+    var CORE_CSS = 'https://material.angularjs.org/HEAD/angular-material.css';  //'https://localhost:8080/angular-material.css';
+    var DOC_CSS  = 'https://material.angularjs.org/HEAD/docs.css';              // CSS overrides for custom docs
+
+    var LINK_FONTS_ROBOTO = '<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">';
+
     var ASSET_CACHE_JS = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js';
-    var DOC_CSS = 'https://material.angularjs.org/HEAD/docs.css';
 
     return {
       translate: translate
@@ -65,11 +68,13 @@
       return {
         title: demo.title,
         html: processHtml(demo),
-        head: '<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">',
-        css: mergeFiles([files.css,DOC_CSS]).join(' '),
+        head: LINK_FONTS_ROBOTO,
+
         js: processJs(files.js),
+        css: mergeFiles( files.css ).join(' '),
+
         js_external: externalScripts.concat([CORE_JS, ASSET_CACHE_JS]).join(';'),
-        css_external: CORE_CSS
+        css_external: [CORE_CSS, DOC_CSS].join(';')
       };
     }