curo-material-interface 0.0.4 → 0.0.5

data/lib/assets/stylesheets/cmi/components/_loading-indicator.sass

@@ -1,17 +1,38 @@
+.cmi-loading-indicator,
+.cmi-loading-indicator,
+.cmi-loading-indicator .cmi-loading-indicator-inside,
+.cmi-loading-indicator .cmi-circular,
+.cmi-loading-indicator .cmi-path
+  +transform-style(preserve-3d)
+  +transform(translateZ(0))
+  +animation-fill-mode(none)
+  +perspective(1000)
+  +backface-visibility(hidden)
+
 .cmi-loading-indicator
   +position(absolute, 0 0 0 0)
+  +transition(opacity .4s linear)
   z-index: 100
   margin: 0
   padding: 0
   opacity: 0
-  +transition(opacity .4s linear)
+  pointer-events: none
+  -webkit-backface-visibility: hidden
+  -webkit-perspective: 1000
+  backface-visibility: hidden
+  perspective: 1000
   &.cmi-loading-indicator-background-dark
     background-color: rgba(#000, 0.7)
   &.cmi-loading-indicator-background-light
     background-color: rgba(#fff, 0.8)
   &.cmi-loading-fade
-    opacity: 1
     +transition(opacity .4s linear)
+    opacity: 1
+    pointer-events: all
+    .cmi-circular
+      +animation(cmiLoadingRotate 2s linear infinite)
+    .cmi-path
+      +animation(cmiLoadingDash 1.5s ease-in-out infinite)
   .cmi-loading-indicator-inside
     position: absolute
     width: $loading-diameter
@@ -19,17 +40,18 @@
     left: 50%
     top: 50%
     margin: ($loading-diameter * -0.5) 0 0 ($loading-diameter * -0.5)
+    pointer-events: none
   .cmi-circular
     position: relative
     height: $loading-diameter
     width: $loading-diameter
-    +animation(cmiLoadingRotate 2s linear infinite)
+    pointer-events: none
   .cmi-path
     stroke-dasharray: 1, 200
     stroke-dashoffset: 0
     stroke-linecap: round
     stroke: $loading-color
-    +animation(cmiLoadingDash 1.5s ease-in-out infinite)
+    pointer-events: none
 
 +keyframes(cmiLoadingRotate)
   100%

data/lib/assets/stylesheets/cmi/components/_ripples.sass

@@ -6,6 +6,7 @@
     transform: scale(0)
     background: $ripples-color-default
     opacity: 1
+    pointer-events: none
     +cmi-border-radius(100%)
     &.cmi-animate
       +animation(cmiRipple 0.4s linear)

data/lib/assets/stylesheets/cmi/components/_tables.sass

@@ -0,0 +1,37 @@
+
+// default styling
+table.cmi-table
+  padding: 0
+  border-spacing: 0px
+  border-collapse: collapse
+  outline: none
+  border: none
+
+// table striped
+table.cmi-table-striped
+  tr.cmi-tr:nth-child(even)
+    background-color: rgba(#000, 0.03)
+
+// table hoveralbe
+table.cmi-table-hoverable
+  tr.cmi-tr:hover
+    background-color: rgba(#000, 0.02)
+
+// table striped & hoveralbe
+table.cmi-table-striped.cmi-table-hoverable
+  tr.cmi-tr:nth-child(even)
+    &:hover
+      background-color: rgba(#000, 0.05)
+
+// table active rows
+table.cmi-table
+  tr.cmi-tr-active
+    background-color: $color-table-row-active
+  &.cmi-table-striped
+    tr.cmi-tr-active:nth-child(even)
+      background-color: darken($color-table-row-active, 5%)
+  &.cmi-table-hoverable
+    tr.cmi-tr-active,
+    tr.cmi-tr-active:nth-child(even)
+      &:hover
+        background-color: lighten($color-table-row-active, 5%)

data/lib/assets/stylesheets/cmi/form_components/_checkbox.sass

@@ -33,7 +33,8 @@
     z-index: 0
     height: 36px
     width: 36px
-    top: -7px
+    top: -5px
+    left: 2px
     margin: 0
     content: ""
     visibility: hidden
@@ -45,21 +46,22 @@
     display: inline-block
     overflow: hidden
     z-index: 1
-    width: 16px
-    height: 16px
+    width: 20px
+    height: 20px
     top: 3px
     margin-right: 11px
-    border: 2px solid rgba(#000, 0.5)
+    border: none
+    outline: none
+    font: normal normal normal 24px/1 MaterialDesignIcons
     +cmi-border-radius(2px)
     &:before
       position: relative
-      content: "\e899"
-      top: -2px
+      content: "\f1df"
+      top: -3px
       left: -2px
-      font-size: 0px
-      font-family: "Material-Design-Icons"
-      line-height: 15px
-      color: #fff
+      font-size: 23px
+      line-height: 23px
+      color: rgba(#000, 0.5)
   &.cmi-valid
     .cmi-label
       color: $checkbox-color-valid
@@ -80,8 +82,6 @@
       opacity: 1
       +transition(all 0.1s linear)
   &.cmi-active
-    .cmi-span.cmi-checkbox
-      border-color: $checkbox-color-check
-      background-color: $checkbox-color-check
     .cmi-span.cmi-checkbox:before
-      font-size: 15px
+      color: $checkbox-color-check
+      content: "\f1e0"

data/lib/assets/stylesheets/cmi/form_components/_inputs.sass

@@ -0,0 +1,83 @@
+.cmi-text-input,
+.cmi-select-input
+  position: relative
+  margin: 1.25rem 0 1.5rem 0
+  font-size: 14px
+  font-size: 0.875rem
+  .cmi-label
+    position: absolute
+    left: 0
+    font-size: 1em
+    color: color("grey", "lighten-1")
+    pointer-events: none
+    cursor: text
+    +transition(.2s ease-out all)
+  .cmi-input
+    font-size: 1em
+    height: 2em
+    padding: 0
+    + label, + .cmi-label
+      top: 0.3em
+
+  .cmi-input,
+  .cmi-textarea
+    background-color: transparent
+    border: none
+    border-bottom: 1px solid $input-color-border
+    outline: none
+    width: 100%
+    margin: 0
+    +cmi-box-shadow(none)
+    +box-sizing(content-box)
+    +transition(border-bottom .3s ease)
+    &:focus
+      border-bottom: 1px solid $input-color-focus
+      +cmi-box-shadow(0 1px 0 0 $input-color-focus)
+
+  &.cmi-active,
+  .cmi-input:focus,
+  .cmi-textarea:focus
+    .cmi-label
+      top: 0
+      font-size: 0.8125em
+      font-weight: 300
+      +transform(translateY(-80%))
+
+  &.cmi-active
+    .cmi-label
+      color: color("grey", "base")
+
+  .cmi-input:focus,
+  .cmi-textarea:focus
+    + .cmi-label
+      color: $input-color-focus
+
+  &.cmi-valid
+    .cmi-label
+      color: $input-color-valid
+    .cmi-input,
+    .cmi-textarea
+      border-bottom: 1px solid $input-color-valid
+      +cmi-box-shadow(0 1px 0 0 $input-color-valid)
+
+  &.cmi-invalid
+    .cmi-label
+      color: $input-color-invalid
+    .cmi-input,
+    .cmi-textarea
+      border-bottom: 1px solid $input-color-invalid
+      +cmi-box-shadow(0 1px 0 0 $input-color-invalid)
+
+  // hints
+  .cmi-p.cmi-hint
+    margin: 3px 0 0 0
+    font-size: 0.85em
+    font-weight: 300
+    text-align: right
+    color: color("grey", "lighten-1")
+  .cmi-p.cmi-hint.cmi-valid
+    color: $input-color-valid
+  .cmi-p.cmi-hint.cmi-invalid
+    color: $input-color-invalid
+
+

data/lib/assets/stylesheets/cmi/form_components/_selects.sass

@@ -0,0 +1,58 @@
+.cmi-select-input
+  +user-select(none)
+  &::after
+    +position(absolute, 0 0 auto auto)
+    +user-select(none)
+    border: none
+    outline: none
+    font: normal normal normal 20px/1 MaterialDesignIcons
+    content: "\f381"
+    pointer-events: none
+    color: rgba(#000, 0.5)
+  &:hover
+    &::after
+      color: rgba(#000, 1)
+  .cmi-input
+    +user-select(none)
+    cursor: pointer
+
+.cmi-select-list
+  +position(absolute, 0 auto auto 0)
+  +cmi-box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12))
+  display: none
+  overflow: scroll
+  z-index: 800
+  list-style: none
+  margin: 16px 0 16px 0
+  padding: 0
+  background-color: #fff
+  pointer-events: none
+  li
+    +user-select(none)
+    padding: 10px 15px
+    cursor: pointer
+    font-size: 14px
+    line-height: 20px
+    pointer-events: none
+    &:hover
+      background-color: #f0f0f0
+    &.cmi-select-selected
+      background-color: $color-primary
+
+.cmi-select-select-hidden
+  display: none
+
+.cmi-select-list-open
+  overflow: hidden
+
+// open state
+.cmi-select-input.cmi-select-open
+
+.cmi-select-list.cmi-select-open
+  display: block
+  pointer-events: all
+  li
+    cursor: pointer
+    pointer-events: all
+
+

data/lib/assets/stylesheets/cmi/form_components/_text_field.sass

@@ -1,22 +1,4 @@
 .cmi-text-input
-  position: relative
-  margin: 1.25rem 0 1.5rem 0
-  font-size: 14px
-  font-size: 0.875rem
-  .cmi-label
-    position: absolute
-    left: 0
-    font-size: 1em
-    color: color("grey", "lighten-1")
-    pointer-events: none
-    cursor: text
-    +transition(.2s ease-out all)
-  .cmi-input
-    font-size: 1em
-    height: 2em
-    padding: 0
-    + label, + .cmi-label
-      top: 0.3em
   .cmi-textarea
     width: 100%
     min-height: 2rem
@@ -30,71 +12,5 @@
     .cmi-textarea
       resize: none
       +transition(height 0.05s ease)
-  .cmi-hidden-textarea-reference
-    position: absolute
-    opacity: 0
-    top: 9999px
-    left: 9999px
-
-  .cmi-input,
-  .cmi-textarea
-    background-color: transparent
-    border: none
-    border-bottom: 1px solid $input-color-border
-    outline: none
-    width: 100%
-    margin: 0
-    +cmi-box-shadow(none)
-    +box-sizing(content-box)
-    +transition(border-bottom .3s ease)
-    &:focus
-      border-bottom: 1px solid $input-color-focus
-      +cmi-box-shadow(0 1px 0 0 $input-color-focus)
-
-  &.cmi-active,
-  .cmi-input:focus,
-  .cmi-textarea:focus
-    .cmi-label
-      top: 0
-      font-size: 0.8125em
-      font-weight: 300
-      +transform(translateY(-80%))
-
-  &.cmi-active
-    .cmi-label
-      color: color("grey", "base")
-
-  .cmi-input:focus
-  .cmi-textarea:focus
-    + .cmi-label
-      color: $input-color-focus
-
-  &.cmi-valid
-    .cmi-label
-      color: $input-color-valid
-    .cmi-input,
-    .cmi-textarea
-      border-bottom: 1px solid $input-color-valid
-      +cmi-box-shadow(0 1px 0 0 $input-color-valid)
-
-  &.cmi-invalid
-    .cmi-label
-      color: $input-color-invalid
-    .cmi-input,
-    .cmi-textarea
-      border-bottom: 1px solid $input-color-invalid
-      +cmi-box-shadow(0 1px 0 0 $input-color-invalid)
-
-  // hints
-  .cmi-p.cmi-hint
-    margin: 3px 0 0 0
-    font-size: 0.85em
-    font-weight: 300
-    text-align: right
-    color: color("grey", "lighten-1")
-  .cmi-p.cmi-hint.cmi-valid
-    color: $input-color-valid
-  .cmi-p.cmi-hint.cmi-invalid
-    color: $input-color-invalid
 
 

data/lib/assets/stylesheets/cmi/mdi/_core.scss

@@ -0,0 +1,9 @@
+.#{$mdi-css-prefix} {
+  display: inline-block;
+  font: normal normal normal #{$mdi-font-size-base}/1 MaterialDesignIcons; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transform: translate(0, 0); // ensures no half-pixel rendering in firefox
+}

data/lib/assets/stylesheets/cmi/mdi/_icons.scss

@@ -0,0 +1,19 @@
+$hexes: 'f101' 'f102' 'f103' 'f104' 'f105' 'f106' 'f107' 'f108' 'f109' 'f10a' 'f10b' 'f10c' 'f10d' 'f10e' 'f10f' 'f110' 'f111' 'f112' 'f113' 'f114' 'f115' 'f116' 'f117' 'f118' 'f119' 'f11a' 'f11b' 'f11c' 'f11d' 'f11e' 'f11f' 'f120' 'f121' 'f122' 'f123' 'f124' 'f125' 'f126' 'f127' 'f128' 'f129' 'f12a' 'f12b' 'f12c' 'f12d' 'f12e' 'f12f' 'f130' 'f131' 'f132' 'f133' 'f134' 'f135' 'f136' 'f137' 'f138' 'f139' 'f13a' 'f13b' 'f13c' 'f13d' 'f13e' 'f13f' 'f140' 'f141' 'f142' 'f143' 'f144' 'f145' 'f146' 'f147' 'f148' 'f149' 'f14a' 'f14b' 'f14c' 'f14d' 'f14e' 'f14f' 'f150' 'f151' 'f152' 'f153' 'f154' 'f155' 'f156' 'f157' 'f158' 'f159' 'f15a' 'f15b' 'f15c' 'f15d' 'f15e' 'f15f' 'f160' 'f161' 'f162' 'f163' 'f164' 'f165' 'f166' 'f167' 'f168' 'f169' 'f16a' 'f16b' 'f16c' 'f16d' 'f16e' 'f16f' 'f170' 'f171' 'f172' 'f173' 'f174' 'f175' 'f176' 'f177' 'f178' 'f179' 'f17a' 'f17b' 'f17c' 'f17d' 'f17e' 'f17f' 'f180' 'f181' 'f182' 'f183' 'f184' 'f185' 'f186' 'f187' 'f188' 'f189' 'f18a' 'f18b' 'f18c' 'f18d' 'f18e' 'f18f' 'f190' 'f191' 'f192' 'f193' 'f194' 'f195' 'f196' 'f197' 'f198' 'f199' 'f19a' 'f19b' 'f19c' 'f19d' 'f19e' 'f19f' 'f1a0' 'f1a1' 'f1a2' 'f1a3' 'f1a4' 'f1a5' 'f1a6' 'f1a7' 'f1a8' 'f1a9' 'f1aa' 'f1ab' 'f1ac' 'f1ad' 'f1ae' 'f1af' 'f1b0' 'f1b1' 'f1b2' 'f1b3' 'f1b4' 'f1b5' 'f1b6' 'f1b7' 'f1b8' 'f1b9' 'f1ba' 'f1bb' 'f1bc' 'f1bd' 'f1be' 'f1bf' 'f1c0' 'f1c1' 'f1c2' 'f1c3' 'f1c4' 'f1c5' 'f1c6' 'f1c7' 'f1c8' 'f1c9' 'f1ca' 'f1cb' 'f1cc' 'f1cd' 'f1ce' 'f1cf' 'f1d0' 'f1d1' 'f1d2' 'f1d3' 'f1d4' 'f1d5' 'f1d6' 'f1d7' 'f1d8' 'f1d9' 'f1da' 'f1db' 'f1dc' 'f1dd' 'f1de' 'f1df' 'f1e0' 'f1e1' 'f1e2' 'f1e3' 'f1e4' 'f1e5' 'f1e6' 'f1e7' 'f1e8' 'f1e9' 'f1ea' 'f1eb' 'f1ec' 'f1ed' 'f1ee' 'f1ef' 'f1f0' 'f1f1' 'f1f2' 'f1f3' 'f1f4' 'f1f5' 'f1f6' 'f1f7' 'f1f8' 'f1f9' 'f1fa' 'f1fb' 'f1fc' 'f1fd' 'f1fe' 'f1ff' 'f200' 'f201' 'f202' 'f203' 'f204' 'f205' 'f206' 'f207' 'f208' 'f209' 'f20a' 'f20b' 'f20c' 'f20d' 'f20e' 'f20f' 'f210' 'f211' 'f212' 'f213' 'f214' 'f215' 'f216' 'f217' 'f218' 'f219' 'f21a' 'f21b' 'f21c' 'f21d' 'f21e' 'f21f' 'f220' 'f221' 'f222' 'f223' 'f224' 'f225' 'f226' 'f227' 'f228' 'f229' 'f22a' 'f22b' 'f22c' 'f22d' 'f22e' 'f22f' 'f230' 'f231' 'f232' 'f233' 'f234' 'f235' 'f236' 'f237' 'f238' 'f239' 'f23a' 'f23b' 'f23c' 'f23d' 'f23e' 'f23f' 'f240' 'f241' 'f242' 'f243' 'f244' 'f245' 'f246' 'f247' 'f248' 'f249' 'f24a' 'f24b' 'f24c' 'f24d' 'f24e' 'f24f' 'f250' 'f251' 'f252' 'f253' 'f254' 'f255' 'f256' 'f257' 'f258' 'f259' 'f25a' 'f25b' 'f25c' 'f25d' 'f25e' 'f25f' 'f260' 'f261' 'f262' 'f263' 'f264' 'f265' 'f266' 'f267' 'f268' 'f269' 'f26a' 'f26b' 'f26c' 'f26d' 'f26e' 'f26f' 'f270' 'f271' 'f272' 'f273' 'f274' 'f275' 'f276' 'f277' 'f278' 'f279' 'f27a' 'f27b' 'f27c' 'f27d' 'f27e' 'f27f' 'f280' 'f281' 'f282' 'f283' 'f284' 'f285' 'f286' 'f287' 'f288' 'f289' 'f28a' 'f28b' 'f28c' 'f28d' 'f28e' 'f28f' 'f290' 'f291' 'f292' 'f293' 'f294' 'f295' 'f296' 'f297' 'f298' 'f299' 'f29a' 'f29b' 'f29c' 'f29d' 'f29e' 'f29f' 'f2a0' 'f2a1' 'f2a2' 'f2a3' 'f2a4' 'f2a5' 'f2a6' 'f2a7' 'f2a8' 'f2a9' 'f2aa' 'f2ab' 'f2ac' 'f2ad' 'f2ae' 'f2af' 'f2b0' 'f2b1' 'f2b2' 'f2b3' 'f2b4' 'f2b5' 'f2b6' 'f2b7' 'f2b8' 'f2b9' 'f2ba' 'f2bb' 'f2bc' 'f2bd' 'f2be' 'f2bf' 'f2c0' 'f2c1' 'f2c2' 'f2c3' 'f2c4' 'f2c5' 'f2c6' 'f2c7' 'f2c8' 'f2c9' 'f2ca' 'f2cb' 'f2cc' 'f2cd' 'f2ce' 'f2cf' 'f2d0' 'f2d1' 'f2d2' 'f2d3' 'f2d4' 'f2d5' 'f2d6' 'f2d7' 'f2d8' 'f2d9' 'f2da' 'f2db' 'f2dc' 'f2dd' 'f2de' 'f2df' 'f2e0' 'f2e1' 'f2e2' 'f2e3' 'f2e4' 'f2e5' 'f2e6' 'f2e7' 'f2e8' 'f2e9' 'f2ea' 'f2eb' 'f2ec' 'f2ed' 'f2ee' 'f2ef' 'f2f0' 'f2f1' 'f2f2' 'f2f3' 'f2f4' 'f2f5' 'f2f6' 'f2f7' 'f2f8' 'f2f9' 'f2fa' 'f2fb' 'f2fc' 'f2fd' 'f2fe' 'f2ff' 'f300' 'f301' 'f302' 'f303' 'f304' 'f305' 'f306' 'f307' 'f308' 'f309' 'f30a' 'f30b' 'f30c' 'f30d' 'f30e' 'f30f' 'f310' 'f311' 'f312' 'f313' 'f314' 'f315' 'f316' 'f317' 'f318' 'f319' 'f31a' 'f31b' 'f31c' 'f31d' 'f31e' 'f31f' 'f320' 'f321' 'f322' 'f323' 'f324' 'f325' 'f326' 'f327' 'f328' 'f329' 'f32a' 'f32b' 'f32c' 'f32d' 'f32e' 'f32f' 'f330' 'f331' 'f332' 'f333' 'f334' 'f335' 'f336' 'f337' 'f338' 'f339' 'f33a' 'f33b' 'f33c' 'f33d' 'f33e' 'f33f' 'f340' 'f341' 'f342' 'f343' 'f344' 'f345' 'f346' 'f347' 'f348' 'f349' 'f34a' 'f34b' 'f34c' 'f34d' 'f34e' 'f34f' 'f350' 'f351' 'f352' 'f353' 'f354' 'f355' 'f356' 'f357' 'f358' 'f359' 'f35a' 'f35b' 'f35c' 'f35d' 'f35e' 'f35f' 'f360' 'f361' 'f362' 'f363' 'f364' 'f365' 'f366' 'f367' 'f368' 'f369' 'f36a' 'f36b' 'f36c' 'f36d' 'f36e' 'f36f' 'f370' 'f371' 'f372' 'f373' 'f374' 'f375' 'f376' 'f377' 'f378' 'f379' 'f37a' 'f37b' 'f37c' 'f37d' 'f37e' 'f37f' 'f380' 'f381' 'f382' 'f383' 'f384' 'f385' 'f386' 'f387' 'f388' 'f389' 'f38a' 'f38b' 'f38c' 'f38d' 'f38e' 'f38f' 'f390' 'f391' 'f392' 'f393' 'f394' 'f395' 'f396' 'f397' 'f398' 'f399' 'f39a' 'f39b' 'f39c' 'f39d' 'f39e' 'f39f' 'f3a0' 'f3a1' 'f3a2' 'f3a3' 'f3a4' 'f3a5' 'f3a6' 'f3a7' 'f3a8' 'f3a9' 'f3aa' 'f3ab' 'f3ac' 'f3ad' 'f3ae' 'f3af' 'f3b0' 'f3b1' 'f3b2' 'f3b3' 'f3b4' 'f3b5' 'f3b6' 'f3b7' 'f3b8' 'f3b9' 'f3ba' 'f3bb' 'f3bc' 'f3bd' 'f3be' 'f3bf' 'f3c0' 'f3c1' 'f3c2' 'f3c3' 'f3c4' 'f3c5' 'f3c6' 'f3c7' 'f3c8' 'f3c9' 'f3ca' 'f3cb' 'f3cc' 'f3cd' 'f3ce' 'f3cf' 'f3d0' 'f3d1' 'f3d2' 'f3d3' 'f3d4' 'f3d5' 'f3d6' 'f3d7' 'f3d8' 'f3d9' 'f3da' 'f3db' 'f3dc' 'f3dd' 'f3de' 'f3df' 'f3e0' 'f3e1' 'f3e2' 'f3e3' 'f3e4' 'f3e5' 'f3e6' 'f3e7' 'f3e8' 'f3e9' 'f3ea' 'f3eb' 'f3ec' 'f3ed' 'f3ee' 'f3ef' 'f3f0' 'f3f1' 'f3f2' 'f3f3' 'f3f4' 'f3f5' 'f3f6' 'f3f7' 'f3f8' 'f3f9' 'f3fa' 'f3fb' 'f3fc' 'f3fd' 'f3fe' 'f3ff' 'f400' 'f401' 'f402' 'f403' 'f404' 'f405' 'f406' 'f407' 'f408' 'f409' 'f40a' 'f40b' 'f40c' 'f40d' 'f40e' 'f40f' 'f410' 'f411' 'f412' 'f413' 'f414' 'f415' 'f416' 'f417' 'f418' 'f419' 'f41a' 'f41b' 'f41c' 'f41d' 'f41e' 'f41f' 'f420' 'f421' 'f422' 'f423' 'f424' 'f425' 'f426' 'f427' 'f428' 'f429' 'f42a' 'f42b' 'f42c' 'f42d' 'f42e' 'f42f' 'f430' 'f431' 'f432' 'f433' 'f434' 'f435' 'f436' 'f437' 'f438' 'f439' 'f43a' 'f43b' 'f43c' 'f43d' 'f43e' 'f43f' 'f440' 'f441' 'f442' 'f443' 'f444' 'f445' 'f446' 'f447' 'f448' 'f449' 'f44a' 'f44b' 'f44c' 'f44d' 'f44e' 'f44f' 'f450' 'f451' 'f452' 'f453' 'f454' 'f455' 'f456' 'f457' 'f458' 'f459' 'f45a' 'f45b' 'f45c' 'f45d' 'f45e' 'f45f' 'f460' 'f461' 'f462' 'f463' 'f464' 'f465' 'f466' 'f467' 'f468' 'f469' 'f46a' 'f46b' 'f46c' 'f46d' 'f46e' 'f46f' 'f470' 'f471' 'f472' 'f473' 'f474' 'f475' 'f476' 'f477' 'f478' 'f479' 'f47a' 'f47b' 'f47c' 'f47d' 'f47e' 'f47f' 'f480' 'f481' 'f482' 'f483' 'f484' 'f485' 'f486' 'f487' 'f488' 'f489' 'f48a' 'f48b' 'f48c' 'f48d' 'f48e' 'f48f' 'f490' 'f491' 'f492' 'f493' 'f494' 'f495' 'f496' 'f497' 'f498' 'f499' 'f49a' 'f49b' 'f49c' 'f49d' 'f49e' 'f49f' 'f4a0' 'f4a1' 'f4a2' 'f4a3' 'f4a4' 'f4a5' 'f4a6' 'f4a7' 'f4a8' 'f4a9' 'f4aa' 'f4ab' 'f4ac' 'f4ad' 'f4ae' 'f4af' 'f4b0' 'f4b1' 'f4b2' 'f4b3' 'f4b4' 'f4b5' 'f4b6' 'f4b7' 'f4b8' 'f4b9' 'f4ba' 'f4bb' 'f4bc' 'f4bd' 'f4be' 'f4bf' 'f4c0' 'f4c1' 'f4c2' 'f4c3' 'f4c4' 'f4c5' 'f4c6' 'f4c7' 'f4c8' 'f4c9' 'f4ca' 'f4cb' 'f4cc' 'f4cd' 'f4ce' 'f4cf' 'f4d0' 'f4d1' 'f4d2' 'f4d3' 'f4d4' 'f4d5' 'f4d6' 'f4d7' 'f4d8' 'f4d9' 'f4da' 'f4db' 'f4dc' 'f4dd' 'f4de' 'f4df' 'f4e0' 'f4e1' 'f4e2' 'f4e3' 'f4e4' 'f4e5' 'f4e6' 'f4e7' 'f4e8' 'f4e9' 'f4ea' 'f4eb' 'f4ec' 'f4ed' 'f4ee' 'f4ef' 'f4f0' 'f4f1' 'f4f2' 'f4f3' 'f4f4' 'f4f5' 'f4f6' 'f4f7' 'f4f8' 'f4f9' 'f4fa' 'f4fb' 'f4fc' 'f4fd' 'f4fe' 'f4ff' 'f500' 'f501' 'f502' 'f503' 'f504' 'f505' 'f506' 'f507' 'f508' 'f509' 'f50a' 'f50b' 'f50c' 'f50d' 'f50e' 'f50f' 'f510' 'f511' 'f512' 'f513' 'f514' 'f515' 'f516' 'f517' 'f518' 'f519' 'f51a' 'f51b' 'f51c' 'f51d' 'f51e' 'f51f' 'f520' 'f521' 'f522' 'f523' 'f524' 'f525' 'f526';
+$names: 'account' 'account-alert' 'account-box' 'account-box-outline' 'account-check' 'account-circle' 'account-key' 'account-location' 'account-minus' 'account-multiple' 'account-multiple-outline' 'account-multiple-plus' 'account-network' 'account-outline' 'account-plus' 'account-remove' 'account-search' 'account-star' 'account-star-variant' 'account-switch' 'airballoon' 'airplane' 'airplane-off' 'alarm' 'alarm-check' 'alarm-multiple' 'alarm-off' 'alarm-plus' 'album' 'alert' 'alert-box' 'alert-circle' 'alert-octagon' 'alpha' 'alphabetical' 'amazon' 'amazon-clouddrive' 'ambulance' 'android' 'android-debug-bridge' 'android-studio' 'apple' 'apple-finder' 'apple-mobileme' 'apple-safari' 'appnet' 'apps' 'archive' 'arrange-bring-forward' 'arrange-bring-to-front' 'arrange-send-backward' 'arrange-send-to-back' 'arrow-collapse' 'arrow-down' 'arrow-down-bold' 'arrow-down-bold-circle' 'arrow-down-bold-circle-outline' 'arrow-down-bold-hexagon-outline' 'arrow-expand' 'arrow-left' 'arrow-left-bold' 'arrow-left-bold-circle' 'arrow-left-bold-circle-outline' 'arrow-left-bold-hexagon-outline' 'arrow-right' 'arrow-right-bold' 'arrow-right-bold-circle' 'arrow-right-bold-circle-outline' 'arrow-right-bold-hexagon-outline' 'arrow-up' 'arrow-up-bold' 'arrow-up-bold-circle' 'arrow-up-bold-circle-outline' 'arrow-up-bold-hexagon-outline' 'attachment' 'auto-fix' 'auto-upload' 'backup-restore' 'bank' 'barcode' 'barley' 'barrel' 'basecamp' 'basket' 'basket-fill' 'basket-unfill' 'battery' 'battery-20' 'battery-30' 'battery-40' 'battery-60' 'battery-80' 'battery-90' 'battery-alert' 'battery-charging-100' 'battery-charging-20' 'battery-charging-30' 'battery-charging-40' 'battery-charging-60' 'battery-charging-80' 'battery-charging-90' 'battery-minus' 'battery-negative' 'battery-outline' 'battery-plus' 'battery-positive' 'battery-unknown' 'beaker' 'beaker-empty' 'beaker-empty-outline' 'beaker-outline' 'beats' 'beer' 'behance' 'bell' 'bell-off' 'bell-outline' 'bell-ring' 'bell-ring-outline' 'bell-sleep' 'beta' 'bike' 'bing' 'bio' 'biohazard' 'blackberry' 'blinds' 'block-helper' 'blogger' 'bluetooth' 'bluetooth-audio' 'bluetooth-connect' 'bluetooth-settings' 'blur' 'blur-linear' 'blur-off' 'blur-radial' 'book' 'book-multiple' 'book-multiple-variant' 'book-open' 'book-variant' 'bookmark' 'bookmark-outline' 'border-all' 'border-bottom' 'border-color' 'border-horizontal' 'border-inside' 'border-left' 'border-none' 'border-outside' 'border-right' 'border-top' 'border-vertical' 'bowling' 'box' 'briefcase' 'briefcase-check' 'briefcase-download' 'briefcase-upload' 'brightness-1' 'brightness-2' 'brightness-3' 'brightness-4' 'brightness-5' 'brightness-6' 'brightness-7' 'brightness-auto' 'broom' 'brush' 'bug' 'bullhorn' 'bus' 'cake' 'cake-variant' 'calculator' 'calendar' 'calendar-blank' 'calendar-check' 'calendar-multiple' 'calendar-multiple-check' 'calendar-remove' 'calendar-text' 'calendar-today' 'camcorder' 'camcorder-box' 'camcorder-box-off' 'camcorder-off' 'camera' 'camera-iris' 'camera-party-mode' 'camera-switch' 'camera-timer' 'candycane' 'car' 'car-wash' 'carrot' 'cart' 'cart-outline' 'cash' 'cast' 'cast-connected' 'castle' 'cellphone' 'cellphone-android' 'cellphone-dock' 'cellphone-iphone' 'cellphone-link' 'cellphone-link-off' 'cellphone-settings' 'chair-school' 'chart-arc' 'chart-bar' 'chart-histogram' 'chart-line' 'chart-pie' 'check' 'check-all' 'checkbox-blank' 'checkbox-blank-circle' 'checkbox-blank-circle-outline' 'checkbox-blank-outline' 'checkbox-marked' 'checkbox-marked-circle' 'checkbox-marked-circle-outline' 'checkbox-marked-outline' 'checkbox-multiple-blank' 'checkbox-multiple-blank-outline' 'checkbox-multiple-marked' 'checkbox-multiple-marked-outline' 'checkerboard' 'chevron-double-down' 'chevron-double-left' 'chevron-double-right' 'chevron-double-up' 'chevron-down' 'chevron-left' 'chevron-right' 'chevron-up' 'church' 'city' 'clipboard' 'clipboard-account' 'clipboard-alert' 'clipboard-arrow-down' 'clipboard-arrow-left' 'clipboard-check' 'clipboard-outline' 'clipboard-text' 'clippy' 'clock' 'clock-fast' 'close' 'close-box' 'close-box-outline' 'close-circle' 'close-circle-outline' 'close-network' 'closed-caption' 'cloud' 'cloud-check' 'cloud-circle' 'cloud-download' 'cloud-outline' 'cloud-outline-off' 'cloud-upload' 'code-array' 'code-string' 'coffee' 'coffee-to-go' 'coin' 'color-helper' 'comment' 'comment-account' 'comment-account-outline' 'comment-alert' 'comment-alert-outline' 'comment-check' 'comment-check-outline' 'comment-multiple-outline' 'comment-outline' 'comment-plus-outline' 'comment-processing' 'comment-processing-outline' 'comment-remove-outline' 'comment-text' 'comment-text-outline' 'compare' 'compass' 'compass-outline' 'console' 'content-copy' 'content-cut' 'content-paste' 'content-save' 'content-save-all' 'contrast' 'contrast-box' 'contrast-circle' 'cow' 'credit-card' 'credit-card-multiple' 'crop' 'crop-free' 'crop-landscape' 'crop-portrait' 'crop-square' 'crosshairs' 'crosshairs-gps' 'cube' 'cube-outline' 'cube-unfolded' 'cup' 'cup-water' 'currency-btc' 'currency-eur' 'currency-gbp' 'currency-usd' 'cursor-default' 'cursor-default-outline' 'cursor-pointer' 'database' 'database-minus' 'database-outline' 'database-plus' 'debug-step-into' 'debug-step-out' 'debug-step-over' 'delete' 'delete-variant' 'deskphone' 'desktop-mac' 'desktop-tower' 'details' 'deviantart' 'dice' 'dice-1' 'dice-2' 'dice-3' 'dice-4' 'dice-5' 'dice-6' 'directions' 'disk-alert' 'disqus' 'disqus-outline' 'division' 'division-box' 'dns' 'domain' 'dots-horizontal' 'dots-vertical' 'download' 'drawing' 'drawing-box' 'dribbble' 'dribbble-box' 'drone' 'dropbox' 'duck' 'dumbbell' 'earth' 'earth-off' 'elevation-decline' 'elevation-rise' 'email' 'email-open' 'email-outline' 'emoticon' 'emoticon-cool' 'emoticon-devil' 'emoticon-happy' 'emoticon-neutral' 'emoticon-poop' 'emoticon-sad' 'emoticon-tongue' 'equal' 'equal-box' 'eraser' 'escalator' 'etsy' 'evernote' 'exit-to-app' 'eye' 'eye-off' 'eyedropper' 'eyedropper-variant' 'facebook' 'facebook-box' 'facebook-messenger' 'factory' 'fan' 'fast-forward' 'ferry' 'file' 'file-cloud' 'file-delimited' 'file-document' 'file-document-box' 'file-excel' 'file-excel-box' 'file-find' 'file-image' 'file-image-box' 'file-music' 'file-outline' 'file-pdf' 'file-pdf-box' 'file-powerpoint' 'file-powerpoint-box' 'file-presentation-box' 'file-video' 'file-word' 'file-word-box' 'film' 'filmstrip' 'filmstrip-off' 'filter' 'filter-outline' 'filter-remove' 'filter-remove-outline' 'filter-variant' 'fire' 'firefox' 'fish' 'flag' 'flag-checkered' 'flag-outline' 'flag-outline-variant' 'flag-variant' 'flash' 'flash-auto' 'flash-off' 'flashlight' 'flashlight-off' 'flip-to-back' 'flip-to-front' 'floppy' 'flower' 'folder' 'folder-account' 'folder-google-drive' 'folder-image' 'folder-move' 'folder-multiple' 'folder-multiple-image' 'folder-multiple-outline' 'folder-outline' 'folder-plus' 'folder-remove' 'food' 'food-apple' 'food-variant' 'format-align-center' 'format-align-justify' 'format-align-left' 'format-align-right' 'format-bold' 'format-clear' 'format-color-fill' 'format-header-1' 'format-header-2' 'format-header-3' 'format-header-4' 'format-header-5' 'format-header-6' 'format-header-pound' 'format-indent-decrease' 'format-indent-increase' 'format-italic' 'format-line-spacing' 'format-list-bulleted' 'format-list-numbers' 'format-paint' 'format-paragraph' 'format-quote' 'format-size' 'format-strikethrough' 'format-subscript' 'format-superscript' 'format-textdirection-l-to-r' 'format-textdirection-r-to-l' 'format-underline' 'forum' 'forward' 'foursquare' 'fridge' 'fullscreen' 'fullscreen-exit' 'function' 'gamepad' 'gamepad-variant' 'gas-station' 'gavel' 'gender-female' 'gender-male' 'gender-transgender' 'gift' 'github-box' 'github-circle' 'glass-flute' 'glass-mug' 'glass-stange' 'glass-tulip' 'gmail' 'google' 'google-chrome' 'google-circles' 'google-circles-communities' 'google-circles-extended' 'google-circles-group' 'google-controller' 'google-controller-off' 'google-drive' 'google-earth' 'google-glass' 'google-maps' 'google-pages' 'google-play' 'google-plus' 'google-plus-box' 'guitar-pick' 'guitar-pick-outline' 'hand-pointing-right' 'hanger' 'hangouts' 'harddisk' 'headphones' 'headphones-box' 'headphones-settings' 'headset' 'headset-dock' 'heart' 'heart-box' 'heart-box-outline' 'heart-broken' 'heart-outline' 'help' 'help-circle' 'hexagon' 'hexagon-outline' 'history' 'home' 'home-modern' 'home-variant' 'hops' 'hospital' 'hospital-building' 'hospital-marker' 'hotel' 'houzz' 'houzz-box' 'human' 'human-child' 'human-male-female' 'image-album' 'image-area' 'image-area-close' 'image-filter' 'image-filter-black-white' 'image-filter-center-focus' 'image-filter-drama' 'image-filter-frames' 'image-filter-hdr' 'image-filter-none' 'image-filter-tilt-shift' 'image-filter-vintage' 'information' 'information-outline' 'instagram' 'instapaper' 'internet-explorer' 'invert-colors' 'jira' 'keg' 'key' 'key-change' 'key-minus' 'key-plus' 'key-remove' 'key-variant' 'keyboard' 'keyboard-backspace' 'keyboard-caps' 'keyboard-close' 'keyboard-off' 'keyboard-return' 'keyboard-tab' 'label' 'label-outline' 'language-csharp' 'language-css3' 'language-html5' 'language-javascript' 'language-python' 'language-python-text' 'laptop' 'laptop-chromebook' 'laptop-mac' 'laptop-windows' 'lastfm' 'launch' 'layers' 'layers-off' 'leaf' 'library' 'library-books' 'library-music' 'library-plus' 'lightbulb' 'link' 'link-variant' 'linkedin' 'linux' 'lock' 'lock-open' 'lock-open-outline' 'lock-outline' 'login' 'logout' 'looks' 'loupe' 'lumx' 'magnify' 'magnify-minus' 'magnify-plus' 'map' 'map-marker' 'map-marker-circle' 'map-marker-multiple' 'map-marker-off' 'map-marker-radius' 'markdown' 'marker-check' 'martini' 'material-ui' 'math-compass' 'memory' 'menu' 'menu-down' 'menu-left' 'menu-right' 'menu-up' 'message' 'message-alert' 'message-draw' 'message-image' 'message-processing' 'message-reply' 'message-video' 'microphone' 'microphone-off' 'microphone-outline' 'microphone-settings' 'microphone-variant' 'microphone-variant-off' 'minus' 'minus-box' 'minus-circle' 'minus-circle-outline' 'minus-network' 'monitor' 'monitor-multiple' 'more' 'motorbike' 'mouse' 'mouse-off' 'mouse-variant' 'mouse-variant-off' 'movie' 'multiplication' 'multiplication-box' 'music-box' 'music-box-outline' 'music-circle' 'music-note' 'music-note-eighth' 'music-note-half' 'music-note-off' 'music-note-quarter' 'music-note-sixteenth' 'music-note-whole' 'nature' 'nature-people' 'navigation' 'needle' 'nest-protect' 'nest-thermostat' 'newspaper' 'nfc' 'nfc-tap' 'nfc-variant' 'numeric' 'numeric-0-box' 'numeric-0-box-multiple-outline' 'numeric-0-box-outline' 'numeric-1-box' 'numeric-1-box-multiple-outline' 'numeric-1-box-outline' 'numeric-2-box' 'numeric-2-box-multiple-outline' 'numeric-2-box-outline' 'numeric-3-box' 'numeric-3-box-multiple-outline' 'numeric-3-box-outline' 'numeric-4-box' 'numeric-4-box-multiple-outline' 'numeric-4-box-outline' 'numeric-5-box' 'numeric-5-box-multiple-outline' 'numeric-5-box-outline' 'numeric-6-box' 'numeric-6-box-multiple-outline' 'numeric-6-box-outline' 'numeric-7-box' 'numeric-7-box-multiple-outline' 'numeric-7-box-outline' 'numeric-8-box' 'numeric-8-box-multiple-outline' 'numeric-8-box-outline' 'numeric-9-box' 'numeric-9-box-multiple-outline' 'numeric-9-box-outline' 'numeric-9-plus-box' 'numeric-9-plus-box-multiple-outline' 'numeric-9-plus-box-outline' 'nutriton' 'office' 'oil' 'omega' 'onedrive' 'open-in-app' 'ornament' 'ornament-variant' 'package' 'package-down' 'package-up' 'package-variant' 'palette' 'palette-advanced' 'panda' 'pandora' 'panorama' 'panorama-fisheye' 'panorama-horizontal' 'panorama-vertical' 'panorama-wide-angle' 'paper-cut-vertical' 'paperclip' 'parking' 'pause' 'pause-circle' 'pause-circle-outline' 'pause-octagon' 'pause-octagon-outline' 'pencil' 'pencil-box' 'pencil-box-outline' 'pharmacy' 'phone' 'phone-bluetooth' 'phone-forward' 'phone-hangup' 'phone-in-talk' 'phone-locked' 'phone-missed' 'phone-paused' 'phone-settings' 'pig' 'pill' 'pin' 'pin-off' 'pine-tree' 'pine-tree-box' 'pinterest' 'pizza' 'play' 'play-box-outline' 'play-circle' 'play-circle-outline' 'playlist-plus' 'plus' 'plus-box' 'plus-circle' 'plus-circle-outline' 'plus-network' 'plus-one' 'pocket' 'poll' 'poll-box' 'polymer' 'popcorn' 'pound' 'pound-box' 'power' 'power-settings' 'presentation' 'presentation-play' 'printer' 'puzzle' 'qrcode' 'quadcopter' 'quality-high' 'quicktime' 'radiator' 'radioactive' 'radiobox-blank' 'radiobox-marked' 'rdio' 'read' 'readability' 'receipt' 'recycle' 'redo' 'redo-variant' 'refresh' 'relative-scale' 'reload' 'remote' 'rename-box' 'repeat' 'repeat-off' 'repeat-once' 'replay' 'reply' 'reply-all' 'responsive' 'rewind' 'ribbon' 'rocket' 'rotate-3d' 'rotate-left' 'rotate-left-variant' 'rotate-right' 'rotate-right-variant' 'routes' 'rss' 'rss-box' 'ruler' 'run' 'satellite' 'satellite-variant' 'scale' 'scale-bathroom' 'school' 'screen-rotation' 'screen-rotation-lock' 'script' 'sd' 'security' 'security-network' 'select' 'select-inverse' 'select-off' 'send' 'server' 'server-minus' 'server-network' 'server-network-off' 'server-off' 'server-plus' 'server-remove' 'server-security' 'settings' 'settings-box' 'shape-plus' 'share' 'share-variant' 'shopping' 'shopping-music' 'shuffle' 'sigma' 'sign-caution' 'silverware' 'silverware-fork' 'silverware-spoon' 'silverware-variant' 'sim-alert' 'skip-next' 'skip-previous' 'snowman' 'sort' 'sort-alphabetical' 'sort-ascending' 'sort-descending' 'sort-numeric' 'sort-variant' 'soundcloud' 'source-fork' 'source-pull' 'speaker' 'speaker-off' 'speedometer' 'spellcheck' 'spotify' 'spotlight' 'spotlight-beam' 'stackoverflow' 'star' 'star-circle' 'star-half' 'star-outline' 'stocking' 'stop' 'store' 'store-24-hour' 'stove' 'subway' 'swap-horizontal' 'swap-vertical' 'swim' 'sword' 'sync' 'sync-alert' 'sync-off' 'tab' 'tab-unselected' 'table' 'table-large' 'tablet' 'tablet-android' 'tablet-ipad' 'tag' 'tag-faces' 'tag-outline' 'tag-text-outline' 'taxi' 'television' 'television-guide' 'temperature-celsius' 'temperature-fahrenheit' 'temperature-kelvin' 'tent' 'terrain' 'text-to-speech' 'text-to-speech-off' 'texture' 'theater' 'theme-light-dark' 'thermometer' 'thermometer-lines' 'thumb-down' 'thumb-up' 'thumbs-up-down' 'ticket' 'ticket-account' 'tie' 'timelapse' 'timer' 'timer-10' 'timer-3' 'timer-off' 'timer-sand' 'timetable' 'toggle-switch' 'toggle-switch-off' 'tooltip' 'tooltip-edit' 'tooltip-image' 'tooltip-outline' 'tooltip-text' 'tor' 'traffic-light' 'train' 'tram' 'transcribe' 'transcribe-close' 'trello' 'trending-down' 'trending-neutral' 'trending-up' 'trophy' 'trophy-award' 'trophy-variant' 'truck' 'tshirt-crew' 'tshirt-v' 'tumblr' 'tumblr-reblog' 'twitch' 'twitter' 'twitter-box' 'twitter-retweet' 'ubuntu' 'undo' 'undo-variant' 'unfold-less' 'unfold-more' 'upload' 'usb' 'vector-curve' 'vector-point' 'vector-square' 'verified' 'vibrate' 'video' 'video-off' 'video-switch' 'view-agenda' 'view-array' 'view-carousel' 'view-column' 'view-dashboard' 'view-day' 'view-headline' 'view-list' 'view-module' 'view-quilt' 'view-stream' 'view-week' 'vimeo' 'voicemail' 'volume-high' 'volume-low' 'volume-medium' 'volume-off' 'walk' 'wallet' 'wallet-giftcard' 'wallet-membership' 'wallet-travel' 'watch' 'water' 'water-off' 'water-pump' 'weather-cloudy' 'weather-hail' 'weather-lightning' 'weather-night' 'weather-partlycloudy' 'weather-pouring' 'weather-rainy' 'weather-snowy' 'weather-sunny' 'weather-sunset' 'weather-sunset-down' 'weather-sunset-up' 'weather-windy' 'weather-windy-variant' 'web' 'webcam' 'whatsapp' 'wheelchair-accessibility' 'white-balance-auto' 'white-balance-incandescent' 'white-balance-irradescent' 'white-balance-sunny' 'wifi' 'wikipedia' 'window-closed' 'window-open' 'windows' 'wordpress' 'xbox' 'xbox-controller' 'xbox-controller-off' 'xda' 'xml' 'yeast' 'youtube-play' 'zip-box';
+
+@function char($character-code) {
+    @if function-exists("selector-append") {
+        @return unquote("\"\\#{$character-code}\"");
+    }
+    @if "\\#{'x'}" == "\\x" {
+        @return str-slice("\x", 1, 1) + $character-code;
+    } @else {
+        @return #{"\"\\"}#{$character-code + "\""};
+    }
+}
+
+@for $i from 1 through length($hexes) {
+    .mdi-#{nth($names, $i)}::before {
+        content: char(nth($hexes, $i));
+    }
+}

data/lib/assets/stylesheets/cmi/mdi/_materialdesignicons.scss

@@ -0,0 +1,5 @@
+// MaterialDesignIcons.com
+@import "./variables";
+// @import "./path";
+@import "./core";
+@import "./icons";

data/lib/assets/stylesheets/cmi/mdi/_path.scss

@@ -0,0 +1,11 @@
+@font-face {
+  font-family: 'MaterialDesignIcons';
+  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?v=#{$mdi-version}');
+  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
+    url('#{$mdi-font-path}/materialdesignicons-webfont.woff2?v=#{$mdi-version}') format('woff2'),
+    url('#{$mdi-font-path}/materialdesignicons-webfont.woff?v=#{$mdi-version}') format('woff'),
+    url('#{$mdi-font-path}/materialdesignicons-webfont.ttf?v=#{$mdi-version}') format('truetype'),
+    url('#{$mdi-font-path}/materialdesignicons-webfont.svg?v=#{$mdi-version}#materialdesigniconsregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}

data/lib/assets/stylesheets/cmi/mdi/_variables.scss

@@ -0,0 +1,4 @@
+$mdi-font-path:        "../fonts" !default;
+$mdi-font-size-base:   24px !default;
+$mdi-css-prefix:       mdi !default;
+$mdi-version:          "1.0.62" !default;

data/lib/curo_material_interface/engine.rb

@@ -6,11 +6,17 @@ module CuroMaterialInterface
     initializer 'curo.add_precompile_assets' do |app|
       app.config.assets.precompile += CuroMaterialInterface::ROBOTO_FILES.map{ |f| File.join('roboto', f) }
 
-      app.config.assets.precompile << 'mdi/Material-Design-Icons.eot'
-      app.config.assets.precompile << 'mdi/Material-Design-Icons.svg'
-      app.config.assets.precompile << 'mdi/Material-Design-Icons.ttf'
-      app.config.assets.precompile << 'mdi/Material-Design-Icons.woff'
+      app.config.assets.precompile << 'mdi/materialdesignicons-webfont.eot'
+      app.config.assets.precompile << 'mdi/materialdesignicons-webfont.svg'
+      app.config.assets.precompile << 'mdi/materialdesignicons-webfont.ttf'
+      app.config.assets.precompile << 'mdi/materialdesignicons-webfont.woff'
+      app.config.assets.precompile << 'mdi/materialdesignicons-webfont.woff2'
     end
 
   end
-end
+end
+
+
+
+
+

data/lib/curo_material_interface/version.rb

@@ -1,3 +1,3 @@
 module CuroMaterialInterface
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: curo-material-interface
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - Sascha Hillig
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-16 00:00:00.000000000 Z
+date: 2015-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -53,10 +53,11 @@ files:
 - README.md
 - Rakefile
 - lib/assets/fonts/mdi/LICENSE.txt
-- lib/assets/fonts/mdi/Material-Design-Icons.eot
-- lib/assets/fonts/mdi/Material-Design-Icons.svg
-- lib/assets/fonts/mdi/Material-Design-Icons.ttf
-- lib/assets/fonts/mdi/Material-Design-Icons.woff
+- lib/assets/fonts/mdi/materialdesignicons-webfont.eot
+- lib/assets/fonts/mdi/materialdesignicons-webfont.svg
+- lib/assets/fonts/mdi/materialdesignicons-webfont.ttf
+- lib/assets/fonts/mdi/materialdesignicons-webfont.woff
+- lib/assets/fonts/mdi/materialdesignicons-webfont.woff2
 - lib/assets/fonts/roboto/Apache License.txt
 - lib/assets/fonts/roboto/Roboto-Black-webfont.eot
 - lib/assets/fonts/roboto/Roboto-Black-webfont.svg
@@ -131,11 +132,13 @@ files:
 - lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.ttf
 - lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.woff
 - lib/assets/javascripts/cmi/behaviors/form_checkbox_behavior.coffee
+- lib/assets/javascripts/cmi/behaviors/form_select_behavior.coffee
 - lib/assets/javascripts/cmi/behaviors/form_text_field_behavior.coffee
 - lib/assets/javascripts/cmi/behaviors/form_textarea_behavior.coffee
 - lib/assets/javascripts/cmi/behaviors/ripples_behavior.coffee
 - lib/assets/javascripts/cmi/behaviors/tabs_behavior.coffee
 - lib/assets/javascripts/cmi/form_components/checkbox.coffee
+- lib/assets/javascripts/cmi/form_components/select.coffee
 - lib/assets/javascripts/cmi/form_components/text_field.coffee
 - lib/assets/javascripts/cmi/form_components/textarea.coffee
 - lib/assets/javascripts/cmi/loading_indicator.coffee
@@ -152,13 +155,24 @@ files:
 - lib/assets/stylesheets/cmi/_typography.sass
 - lib/assets/stylesheets/cmi/_variables.sass
 - lib/assets/stylesheets/cmi/components/_buttons.sass
+- lib/assets/stylesheets/cmi/components/_cards.sass
+- lib/assets/stylesheets/cmi/components/_flex-modal-ie.sass
 - lib/assets/stylesheets/cmi/components/_flex-modal.sass
+- lib/assets/stylesheets/cmi/components/_lists.sass
 - lib/assets/stylesheets/cmi/components/_loading-indicator.sass
 - lib/assets/stylesheets/cmi/components/_navbar.sass
 - lib/assets/stylesheets/cmi/components/_ripples.sass
+- lib/assets/stylesheets/cmi/components/_tables.sass
 - lib/assets/stylesheets/cmi/components/_tabs.sass
 - lib/assets/stylesheets/cmi/form_components/_checkbox.sass
+- lib/assets/stylesheets/cmi/form_components/_inputs.sass
+- lib/assets/stylesheets/cmi/form_components/_selects.sass
 - lib/assets/stylesheets/cmi/form_components/_text_field.sass
+- lib/assets/stylesheets/cmi/mdi/_core.scss
+- lib/assets/stylesheets/cmi/mdi/_icons.scss
+- lib/assets/stylesheets/cmi/mdi/_materialdesignicons.scss
+- lib/assets/stylesheets/cmi/mdi/_path.scss
+- lib/assets/stylesheets/cmi/mdi/_variables.scss
 - lib/curo-material-interface.rb
 - lib/curo_material_interface/engine.rb
 - lib/curo_material_interface/roboto_files.rb