fix(all): load css resources explicitly with !text

src/breadcrumbs/breadcrumbs.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./breadcrumbs.css!"></require>
+  <require from="./breadcrumbs.css!text"></require>
   <require from="./instructionFilter"></require>
   <nav class="primary">
     <div class="nav-wrapper">

src/card/card.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./card.css!"></require>
+  <require from="./card.css!text"></require>
   <div class="card ${ mdSize || '' }">
     <div if.bind="mdImage !== null" md-waves="color: light; block: true;" class="card-image">
       <img class="${ mdReveal === true ? 'activator' : '' }" src.bind="mdImage" />

src/collection/collection-header.html

@@ -1,4 +1,4 @@
 <template class="collection-header">
-  <require from="./collection-header.css!"></require>
+  <require from="./collection-header.css!text"></require>
   <slot></slot>
 </template>

src/collection/collection-item.html

@@ -1,5 +1,5 @@
 <template class="collection-item">
-  <require from="./collection-item.css!"></require>
+  <require from="./collection-item.css!text"></require>
   <slot></slot>
   <!-- <content select=".secondary-content"></content> -->
 </template>

src/collection/md-collection-selector.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./md-collection-selector.css!"></require>
+  <require from="./md-collection-selector.css!text"></require>
   <div class="md-collection-selector__checkbox">
     <!-- <content select=".md-collection-selector__hover"></content> -->
     <slot></slot>

src/input/input.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./input.css!"></require>
+  <require from="./input.css!text"></require>
   <div class="input-field">
     <!-- <content select="[md-prefix]"></content> -->
     <slot></slot>

src/navbar/navbar.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./navbar.css!"></require>
+  <require from="./navbar.css!text"></require>
   <div ref="fixedAnchor">
     <nav class="primary">
       <div class="nav-wrapper">

src/sidenav/sidenav.html

@@ -1,5 +1,5 @@
 <template>
-  <require from="./sidenav.css!"></require>
+  <require from="./sidenav.css!text"></require>
   <div id="${ controlId }" class="side-nav" ref="sidenav">
     <slot></slot>
   </div>

src/slider/slider.js

@@ -8,7 +8,7 @@ import { getLogger } from 'aurelia-logging';
 @inject(Element)
 @inlineView(`
   <template class="slider">
-  <require from="./slider.css!"></require>
+  <require from="./slider.css!text"></require>
   <ul class="slides">
     <slot></slot>
   </ul>

src/switch/switch.html

@@ -1,5 +1,5 @@
 <template class="switch">
-  <require from="./switch.css!"></require>
+  <require from="./switch.css!text"></require>
   <label>
     ${mdLabelOff}
     <input type="checkbox" ref="checkbox">