liquid_feedback_frontend
view style/mdl/palette/_palette.scss @ 1448:969d6aa521d6
Changed order in admin sidebar, added whitespace between links
| author | bsw | 
|---|---|
| date | Thu Oct 18 17:13:59 2018 +0200 (2018-10-18) | 
| parents | 32cc544d5a5b | 
| children | 
 line source
     1 /**
     2  * Copyright 2015 Google Inc. All Rights Reserved.
     3  *
     4  * Licensed under the Apache License, Version 2.0 (the "License");
     5  * you may not use this file except in compliance with the License.
     6  * You may obtain a copy of the License at
     7  *
     8  *      http://www.apache.org/licenses/LICENSE-2.0
     9  *
    10  * Unless required by applicable law or agreed to in writing, software
    11  * distributed under the License is distributed on an "AS IS" BASIS,
    12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13  * See the License for the specific language governing permissions and
    14  * limitations under the License.
    15  */
    17 @import "../variables";
    19 @if $trim-color-classes == false {
    20   // Red
    22   .mdl-color-text--red {
    23     color: unquote("rgb(#{$palette-red-500})") !important;
    24   }
    26   .mdl-color--red {
    27     background-color: unquote("rgb(#{$palette-red-500})") !important;
    28   }
    30   .mdl-color-text--red-50 {
    31     color: unquote("rgb(#{$palette-red-50})") !important;
    32   }
    34   .mdl-color--red-50 {
    35     background-color: unquote("rgb(#{$palette-red-50})") !important;
    36   }
    38   .mdl-color-text--red-100 {
    39     color: unquote("rgb(#{$palette-red-100})") !important;
    40   }
    42   .mdl-color--red-100 {
    43     background-color: unquote("rgb(#{$palette-red-100})") !important;
    44   }
    46   .mdl-color-text--red-200 {
    47     color: unquote("rgb(#{$palette-red-200})") !important;
    48   }
    50   .mdl-color--red-200 {
    51     background-color: unquote("rgb(#{$palette-red-200})") !important;
    52   }
    54   .mdl-color-text--red-300 {
    55     color: unquote("rgb(#{$palette-red-300})") !important;
    56   }
    58   .mdl-color--red-300 {
    59     background-color: unquote("rgb(#{$palette-red-300})") !important;
    60   }
    62   .mdl-color-text--red-400 {
    63     color: unquote("rgb(#{$palette-red-400})") !important;
    64   }
    66   .mdl-color--red-400 {
    67     background-color: unquote("rgb(#{$palette-red-400})") !important;
    68   }
    70   .mdl-color-text--red-500 {
    71     color: unquote("rgb(#{$palette-red-500})") !important;
    72   }
    74   .mdl-color--red-500 {
    75     background-color: unquote("rgb(#{$palette-red-500})") !important;
    76   }
    78   .mdl-color-text--red-600 {
    79     color: unquote("rgb(#{$palette-red-600})") !important;
    80   }
    82   .mdl-color--red-600 {
    83     background-color: unquote("rgb(#{$palette-red-600})") !important;
    84   }
    86   .mdl-color-text--red-700 {
    87     color: unquote("rgb(#{$palette-red-700})") !important;
    88   }
    90   .mdl-color--red-700 {
    91     background-color: unquote("rgb(#{$palette-red-700})") !important;
    92   }
    94   .mdl-color-text--red-800 {
    95     color: unquote("rgb(#{$palette-red-800})") !important;
    96   }
    98   .mdl-color--red-800 {
    99     background-color: unquote("rgb(#{$palette-red-800})") !important;
   100   }
   102   .mdl-color-text--red-900 {
   103     color: unquote("rgb(#{$palette-red-900})") !important;
   104   }
   106   .mdl-color--red-900 {
   107     background-color: unquote("rgb(#{$palette-red-900})") !important;
   108   }
   110   .mdl-color-text--red-A100 {
   111     color: unquote("rgb(#{$palette-red-A100})") !important;
   112   }
   114   .mdl-color--red-A100 {
   115     background-color: unquote("rgb(#{$palette-red-A100})") !important;
   116   }
   118   .mdl-color-text--red-A200 {
   119     color: unquote("rgb(#{$palette-red-A200})") !important;
   120   }
   122   .mdl-color--red-A200 {
   123     background-color: unquote("rgb(#{$palette-red-A200})") !important;
   124   }
   126   .mdl-color-text--red-A400 {
   127     color: unquote("rgb(#{$palette-red-A400})") !important;
   128   }
   130   .mdl-color--red-A400 {
   131     background-color: unquote("rgb(#{$palette-red-A400})") !important;
   132   }
   134   .mdl-color-text--red-A700 {
   135     color: unquote("rgb(#{$palette-red-A700})") !important;
   136   }
   138   .mdl-color--red-A700 {
   139     background-color: unquote("rgb(#{$palette-red-A700})") !important;
   140   }
   142   // Pink
   144   .mdl-color-text--pink {
   145     color: unquote("rgb(#{$palette-pink-500})") !important;
   146   }
   148   .mdl-color--pink {
   149     background-color: unquote("rgb(#{$palette-pink-500})") !important;
   150   }
   152   .mdl-color-text--pink-50 {
   153     color: unquote("rgb(#{$palette-pink-50})") !important;
   154   }
   156   .mdl-color--pink-50 {
   157     background-color: unquote("rgb(#{$palette-pink-50})") !important;
   158   }
   160   .mdl-color-text--pink-100 {
   161     color: unquote("rgb(#{$palette-pink-100})") !important;
   162   }
   164   .mdl-color--pink-100 {
   165     background-color: unquote("rgb(#{$palette-pink-100})") !important;
   166   }
   168   .mdl-color-text--pink-200 {
   169     color: unquote("rgb(#{$palette-pink-200})") !important;
   170   }
   172   .mdl-color--pink-200 {
   173     background-color: unquote("rgb(#{$palette-pink-200})") !important;
   174   }
   176   .mdl-color-text--pink-300 {
   177     color: unquote("rgb(#{$palette-pink-300})") !important;
   178   }
   180   .mdl-color--pink-300 {
   181     background-color: unquote("rgb(#{$palette-pink-300})") !important;
   182   }
   184   .mdl-color-text--pink-400 {
   185     color: unquote("rgb(#{$palette-pink-400})") !important;
   186   }
   188   .mdl-color--pink-400 {
   189     background-color: unquote("rgb(#{$palette-pink-400})") !important;
   190   }
   192   .mdl-color-text--pink-500 {
   193     color: unquote("rgb(#{$palette-pink-500})") !important;
   194   }
   196   .mdl-color--pink-500 {
   197     background-color: unquote("rgb(#{$palette-pink-500})") !important;
   198   }
   200   .mdl-color-text--pink-600 {
   201     color: unquote("rgb(#{$palette-pink-600})") !important;
   202   }
   204   .mdl-color--pink-600 {
   205     background-color: unquote("rgb(#{$palette-pink-600})") !important;
   206   }
   208   .mdl-color-text--pink-700 {
   209     color: unquote("rgb(#{$palette-pink-700})") !important;
   210   }
   212   .mdl-color--pink-700 {
   213     background-color: unquote("rgb(#{$palette-pink-700})") !important;
   214   }
   216   .mdl-color-text--pink-800 {
   217     color: unquote("rgb(#{$palette-pink-800})") !important;
   218   }
   220   .mdl-color--pink-800 {
   221     background-color: unquote("rgb(#{$palette-pink-800})") !important;
   222   }
   224   .mdl-color-text--pink-900 {
   225     color: unquote("rgb(#{$palette-pink-900})") !important;
   226   }
   228   .mdl-color--pink-900 {
   229     background-color: unquote("rgb(#{$palette-pink-900})") !important;
   230   }
   232   .mdl-color-text--pink-A100 {
   233     color: unquote("rgb(#{$palette-pink-A100})") !important;
   234   }
   236   .mdl-color--pink-A100 {
   237     background-color: unquote("rgb(#{$palette-pink-A100})") !important;
   238   }
   240   .mdl-color-text--pink-A200 {
   241     color: unquote("rgb(#{$palette-pink-A200})") !important;
   242   }
   244   .mdl-color--pink-A200 {
   245     background-color: unquote("rgb(#{$palette-pink-A200})") !important;
   246   }
   248   .mdl-color-text--pink-A400 {
   249     color: unquote("rgb(#{$palette-pink-A400})") !important;
   250   }
   252   .mdl-color--pink-A400 {
   253     background-color: unquote("rgb(#{$palette-pink-A400})") !important;
   254   }
   256   .mdl-color-text--pink-A700 {
   257     color: unquote("rgb(#{$palette-pink-A700})") !important;
   258   }
   260   .mdl-color--pink-A700 {
   261     background-color: unquote("rgb(#{$palette-pink-A700})") !important;
   262   }
   264   // Purple
   266   .mdl-color-text--purple {
   267     color: unquote("rgb(#{$palette-purple-500})") !important;
   268   }
   270   .mdl-color--purple {
   271     background-color: unquote("rgb(#{$palette-purple-500})") !important;
   272   }
   274   .mdl-color-text--purple-50 {
   275     color: unquote("rgb(#{$palette-purple-50})") !important;
   276   }
   278   .mdl-color--purple-50 {
   279     background-color: unquote("rgb(#{$palette-purple-50})") !important;
   280   }
   282   .mdl-color-text--purple-100 {
   283     color: unquote("rgb(#{$palette-purple-100})") !important;
   284   }
   286   .mdl-color--purple-100 {
   287     background-color: unquote("rgb(#{$palette-purple-100})") !important;
   288   }
   290   .mdl-color-text--purple-200 {
   291     color: unquote("rgb(#{$palette-purple-200})") !important;
   292   }
   294   .mdl-color--purple-200 {
   295     background-color: unquote("rgb(#{$palette-purple-200})") !important;
   296   }
   298   .mdl-color-text--purple-300 {
   299     color: unquote("rgb(#{$palette-purple-300})") !important;
   300   }
   302   .mdl-color--purple-300 {
   303     background-color: unquote("rgb(#{$palette-purple-300})") !important;
   304   }
   306   .mdl-color-text--purple-400 {
   307     color: unquote("rgb(#{$palette-purple-400})") !important;
   308   }
   310   .mdl-color--purple-400 {
   311     background-color: unquote("rgb(#{$palette-purple-400})") !important;
   312   }
   314   .mdl-color-text--purple-500 {
   315     color: unquote("rgb(#{$palette-purple-500})") !important;
   316   }
   318   .mdl-color--purple-500 {
   319     background-color: unquote("rgb(#{$palette-purple-500})") !important;
   320   }
   322   .mdl-color-text--purple-600 {
   323     color: unquote("rgb(#{$palette-purple-600})") !important;
   324   }
   326   .mdl-color--purple-600 {
   327     background-color: unquote("rgb(#{$palette-purple-600})") !important;
   328   }
   330   .mdl-color-text--purple-700 {
   331     color: unquote("rgb(#{$palette-purple-700})") !important;
   332   }
   334   .mdl-color--purple-700 {
   335     background-color: unquote("rgb(#{$palette-purple-700})") !important;
   336   }
   338   .mdl-color-text--purple-800 {
   339     color: unquote("rgb(#{$palette-purple-800})") !important;
   340   }
   342   .mdl-color--purple-800 {
   343     background-color: unquote("rgb(#{$palette-purple-800})") !important;
   344   }
   346   .mdl-color-text--purple-900 {
   347     color: unquote("rgb(#{$palette-purple-900})") !important;
   348   }
   350   .mdl-color--purple-900 {
   351     background-color: unquote("rgb(#{$palette-purple-900})") !important;
   352   }
   354   .mdl-color-text--purple-A100 {
   355     color: unquote("rgb(#{$palette-purple-A100})") !important;
   356   }
   358   .mdl-color--purple-A100 {
   359     background-color: unquote("rgb(#{$palette-purple-A100})") !important;
   360   }
   362   .mdl-color-text--purple-A200 {
   363     color: unquote("rgb(#{$palette-purple-A200})") !important;
   364   }
   366   .mdl-color--purple-A200 {
   367     background-color: unquote("rgb(#{$palette-purple-A200})") !important;
   368   }
   370   .mdl-color-text--purple-A400 {
   371     color: unquote("rgb(#{$palette-purple-A400})") !important;
   372   }
   374   .mdl-color--purple-A400 {
   375     background-color: unquote("rgb(#{$palette-purple-A400})") !important;
   376   }
   378   .mdl-color-text--purple-A700 {
   379     color: unquote("rgb(#{$palette-purple-A700})") !important;
   380   }
   382   .mdl-color--purple-A700 {
   383     background-color: unquote("rgb(#{$palette-purple-A700})") !important;
   384   }
   386   // Deep Purple.
   388   .mdl-color-text--deep-purple {
   389     color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   390   }
   392   .mdl-color--deep-purple {
   393     background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   394   }
   396   .mdl-color-text--deep-purple-50 {
   397     color: unquote("rgb(#{$palette-deep-purple-50})") !important;
   398   }
   400   .mdl-color--deep-purple-50 {
   401     background-color: unquote("rgb(#{$palette-deep-purple-50})") !important;
   402   }
   404   .mdl-color-text--deep-purple-100 {
   405     color: unquote("rgb(#{$palette-deep-purple-100})") !important;
   406   }
   408   .mdl-color--deep-purple-100 {
   409     background-color: unquote("rgb(#{$palette-deep-purple-100})") !important;
   410   }
   412   .mdl-color-text--deep-purple-200 {
   413     color: unquote("rgb(#{$palette-deep-purple-200})") !important;
   414   }
   416   .mdl-color--deep-purple-200 {
   417     background-color: unquote("rgb(#{$palette-deep-purple-200})") !important;
   418   }
   420   .mdl-color-text--deep-purple-300 {
   421     color: unquote("rgb(#{$palette-deep-purple-300})") !important;
   422   }
   424   .mdl-color--deep-purple-300 {
   425     background-color: unquote("rgb(#{$palette-deep-purple-300})") !important;
   426   }
   428   .mdl-color-text--deep-purple-400 {
   429     color: unquote("rgb(#{$palette-deep-purple-400})") !important;
   430   }
   432   .mdl-color--deep-purple-400 {
   433     background-color: unquote("rgb(#{$palette-deep-purple-400})") !important;
   434   }
   436   .mdl-color-text--deep-purple-500 {
   437     color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   438   }
   440   .mdl-color--deep-purple-500 {
   441     background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   442   }
   444   .mdl-color-text--deep-purple-600 {
   445     color: unquote("rgb(#{$palette-deep-purple-600})") !important;
   446   }
   448   .mdl-color--deep-purple-600 {
   449     background-color: unquote("rgb(#{$palette-deep-purple-600})") !important;
   450   }
   452   .mdl-color-text--deep-purple-700 {
   453     color: unquote("rgb(#{$palette-deep-purple-700})") !important;
   454   }
   456   .mdl-color--deep-purple-700 {
   457     background-color: unquote("rgb(#{$palette-deep-purple-700})") !important;
   458   }
   460   .mdl-color-text--deep-purple-800 {
   461     color: unquote("rgb(#{$palette-deep-purple-800})") !important;
   462   }
   464   .mdl-color--deep-purple-800 {
   465     background-color: unquote("rgb(#{$palette-deep-purple-800})") !important;
   466   }
   468   .mdl-color-text--deep-purple-900 {
   469     color: unquote("rgb(#{$palette-deep-purple-900})") !important;
   470   }
   472   .mdl-color--deep-purple-900 {
   473     background-color: unquote("rgb(#{$palette-deep-purple-900})") !important;
   474   }
   476   .mdl-color-text--deep-purple-A100 {
   477     color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
   478   }
   480   .mdl-color--deep-purple-A100 {
   481     background-color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
   482   }
   484   .mdl-color-text--deep-purple-A200 {
   485     color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
   486   }
   488   .mdl-color--deep-purple-A200 {
   489     background-color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
   490   }
   492   .mdl-color-text--deep-purple-A400 {
   493     color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
   494   }
   496   .mdl-color--deep-purple-A400 {
   497     background-color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
   498   }
   500   .mdl-color-text--deep-purple-A700 {
   501     color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
   502   }
   504   .mdl-color--deep-purple-A700 {
   505     background-color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
   506   }
   508   // Indigo
   510   .mdl-color-text--indigo {
   511     color: unquote("rgb(#{$palette-indigo-500})") !important;
   512   }
   514   .mdl-color--indigo {
   515     background-color: unquote("rgb(#{$palette-indigo-500})") !important;
   516   }
   518   .mdl-color-text--indigo-50 {
   519     color: unquote("rgb(#{$palette-indigo-50})") !important;
   520   }
   522   .mdl-color--indigo-50 {
   523     background-color: unquote("rgb(#{$palette-indigo-50})") !important;
   524   }
   526   .mdl-color-text--indigo-100 {
   527     color: unquote("rgb(#{$palette-indigo-100})") !important;
   528   }
   530   .mdl-color--indigo-100 {
   531     background-color: unquote("rgb(#{$palette-indigo-100})") !important;
   532   }
   534   .mdl-color-text--indigo-200 {
   535     color: unquote("rgb(#{$palette-indigo-200})") !important;
   536   }
   538   .mdl-color--indigo-200 {
   539     background-color: unquote("rgb(#{$palette-indigo-200})") !important;
   540   }
   542   .mdl-color-text--indigo-300 {
   543     color: unquote("rgb(#{$palette-indigo-300})") !important;
   544   }
   546   .mdl-color--indigo-300 {
   547     background-color: unquote("rgb(#{$palette-indigo-300})") !important;
   548   }
   550   .mdl-color-text--indigo-400 {
   551     color: unquote("rgb(#{$palette-indigo-400})") !important;
   552   }
   554   .mdl-color--indigo-400 {
   555     background-color: unquote("rgb(#{$palette-indigo-400})") !important;
   556   }
   558   .mdl-color-text--indigo-500 {
   559     color: unquote("rgb(#{$palette-indigo-500})") !important;
   560   }
   562   .mdl-color--indigo-500 {
   563     background-color: unquote("rgb(#{$palette-indigo-500})") !important;
   564   }
   566   .mdl-color-text--indigo-600 {
   567     color: unquote("rgb(#{$palette-indigo-600})") !important;
   568   }
   570   .mdl-color--indigo-600 {
   571     background-color: unquote("rgb(#{$palette-indigo-600})") !important;
   572   }
   574   .mdl-color-text--indigo-700 {
   575     color: unquote("rgb(#{$palette-indigo-700})") !important;
   576   }
   578   .mdl-color--indigo-700 {
   579     background-color: unquote("rgb(#{$palette-indigo-700})") !important;
   580   }
   582   .mdl-color-text--indigo-800 {
   583     color: unquote("rgb(#{$palette-indigo-800})") !important;
   584   }
   586   .mdl-color--indigo-800 {
   587     background-color: unquote("rgb(#{$palette-indigo-800})") !important;
   588   }
   590   .mdl-color-text--indigo-900 {
   591     color: unquote("rgb(#{$palette-indigo-900})") !important;
   592   }
   594   .mdl-color--indigo-900 {
   595     background-color: unquote("rgb(#{$palette-indigo-900})") !important;
   596   }
   598   .mdl-color-text--indigo-A100 {
   599     color: unquote("rgb(#{$palette-indigo-A100})") !important;
   600   }
   602   .mdl-color--indigo-A100 {
   603     background-color: unquote("rgb(#{$palette-indigo-A100})") !important;
   604   }
   606   .mdl-color-text--indigo-A200 {
   607     color: unquote("rgb(#{$palette-indigo-A200})") !important;
   608   }
   610   .mdl-color--indigo-A200 {
   611     background-color: unquote("rgb(#{$palette-indigo-A200})") !important;
   612   }
   614   .mdl-color-text--indigo-A400 {
   615     color: unquote("rgb(#{$palette-indigo-A400})") !important;
   616   }
   618   .mdl-color--indigo-A400 {
   619     background-color: unquote("rgb(#{$palette-indigo-A400})") !important;
   620   }
   622   .mdl-color-text--indigo-A700 {
   623     color: unquote("rgb(#{$palette-indigo-A700})") !important;
   624   }
   626   .mdl-color--indigo-A700 {
   627     background-color: unquote("rgb(#{$palette-indigo-A700})") !important;
   628   }
   630   // Blue
   632   .mdl-color-text--blue {
   633     color: unquote("rgb(#{$palette-blue-500})") !important;
   634   }
   636   .mdl-color--blue {
   637     background-color: unquote("rgb(#{$palette-blue-500})") !important;
   638   }
   640   .mdl-color-text--blue-50 {
   641     color: unquote("rgb(#{$palette-blue-50})") !important;
   642   }
   644   .mdl-color--blue-50 {
   645     background-color: unquote("rgb(#{$palette-blue-50})") !important;
   646   }
   648   .mdl-color-text--blue-100 {
   649     color: unquote("rgb(#{$palette-blue-100})") !important;
   650   }
   652   .mdl-color--blue-100 {
   653     background-color: unquote("rgb(#{$palette-blue-100})") !important;
   654   }
   656   .mdl-color-text--blue-200 {
   657     color: unquote("rgb(#{$palette-blue-200})") !important;
   658   }
   660   .mdl-color--blue-200 {
   661     background-color: unquote("rgb(#{$palette-blue-200})") !important;
   662   }
   664   .mdl-color-text--blue-300 {
   665     color: unquote("rgb(#{$palette-blue-300})") !important;
   666   }
   668   .mdl-color--blue-300 {
   669     background-color: unquote("rgb(#{$palette-blue-300})") !important;
   670   }
   672   .mdl-color-text--blue-400 {
   673     color: unquote("rgb(#{$palette-blue-400})") !important;
   674   }
   676   .mdl-color--blue-400 {
   677     background-color: unquote("rgb(#{$palette-blue-400})") !important;
   678   }
   680   .mdl-color-text--blue-500 {
   681     color: unquote("rgb(#{$palette-blue-500})") !important;
   682   }
   684   .mdl-color--blue-500 {
   685     background-color: unquote("rgb(#{$palette-blue-500})") !important;
   686   }
   688   .mdl-color-text--blue-600 {
   689     color: unquote("rgb(#{$palette-blue-600})") !important;
   690   }
   692   .mdl-color--blue-600 {
   693     background-color: unquote("rgb(#{$palette-blue-600})") !important;
   694   }
   696   .mdl-color-text--blue-700 {
   697     color: unquote("rgb(#{$palette-blue-700})") !important;
   698   }
   700   .mdl-color--blue-700 {
   701     background-color: unquote("rgb(#{$palette-blue-700})") !important;
   702   }
   704   .mdl-color-text--blue-800 {
   705     color: unquote("rgb(#{$palette-blue-800})") !important;
   706   }
   708   .mdl-color--blue-800 {
   709     background-color: unquote("rgb(#{$palette-blue-800})") !important;
   710   }
   712   .mdl-color-text--blue-900 {
   713     color: unquote("rgb(#{$palette-blue-900})") !important;
   714   }
   716   .mdl-color--blue-900 {
   717     background-color: unquote("rgb(#{$palette-blue-900})") !important;
   718   }
   720   .mdl-color-text--blue-A100 {
   721     color: unquote("rgb(#{$palette-blue-A100})") !important;
   722   }
   724   .mdl-color--blue-A100 {
   725     background-color: unquote("rgb(#{$palette-blue-A100})") !important;
   726   }
   728   .mdl-color-text--blue-A200 {
   729     color: unquote("rgb(#{$palette-blue-A200})") !important;
   730   }
   732   .mdl-color--blue-A200 {
   733     background-color: unquote("rgb(#{$palette-blue-A200})") !important;
   734   }
   736   .mdl-color-text--blue-A400 {
   737     color: unquote("rgb(#{$palette-blue-A400})") !important;
   738   }
   740   .mdl-color--blue-A400 {
   741     background-color: unquote("rgb(#{$palette-blue-A400})") !important;
   742   }
   744   .mdl-color-text--blue-A700 {
   745     color: unquote("rgb(#{$palette-blue-A700})") !important;
   746   }
   748   .mdl-color--blue-A700 {
   749     background-color: unquote("rgb(#{$palette-blue-A700})") !important;
   750   }
   752   // Light Blue
   754   .mdl-color-text--light-blue {
   755     color: unquote("rgb(#{$palette-light-blue-500})") !important;
   756   }
   758   .mdl-color--light-blue {
   759     background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
   760   }
   762   .mdl-color-text--light-blue-50 {
   763     color: unquote("rgb(#{$palette-light-blue-50})") !important;
   764   }
   766   .mdl-color--light-blue-50 {
   767     background-color: unquote("rgb(#{$palette-light-blue-50})") !important;
   768   }
   770   .mdl-color-text--light-blue-100 {
   771     color: unquote("rgb(#{$palette-light-blue-100})") !important;
   772   }
   774   .mdl-color--light-blue-100 {
   775     background-color: unquote("rgb(#{$palette-light-blue-100})") !important;
   776   }
   778   .mdl-color-text--light-blue-200 {
   779     color: unquote("rgb(#{$palette-light-blue-200})") !important;
   780   }
   782   .mdl-color--light-blue-200 {
   783     background-color: unquote("rgb(#{$palette-light-blue-200})") !important;
   784   }
   786   .mdl-color-text--light-blue-300 {
   787     color: unquote("rgb(#{$palette-light-blue-300})") !important;
   788   }
   790   .mdl-color--light-blue-300 {
   791     background-color: unquote("rgb(#{$palette-light-blue-300})") !important;
   792   }
   794   .mdl-color-text--light-blue-400 {
   795     color: unquote("rgb(#{$palette-light-blue-400})") !important;
   796   }
   798   .mdl-color--light-blue-400 {
   799     background-color: unquote("rgb(#{$palette-light-blue-400})") !important;
   800   }
   802   .mdl-color-text--light-blue-500 {
   803     color: unquote("rgb(#{$palette-light-blue-500})") !important;
   804   }
   806   .mdl-color--light-blue-500 {
   807     background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
   808   }
   810   .mdl-color-text--light-blue-600 {
   811     color: unquote("rgb(#{$palette-light-blue-600})") !important;
   812   }
   814   .mdl-color--light-blue-600 {
   815     background-color: unquote("rgb(#{$palette-light-blue-600})") !important;
   816   }
   818   .mdl-color-text--light-blue-700 {
   819     color: unquote("rgb(#{$palette-light-blue-700})") !important;
   820   }
   822   .mdl-color--light-blue-700 {
   823     background-color: unquote("rgb(#{$palette-light-blue-700})") !important;
   824   }
   826   .mdl-color-text--light-blue-800 {
   827     color: unquote("rgb(#{$palette-light-blue-800})") !important;
   828   }
   830   .mdl-color--light-blue-800 {
   831     background-color: unquote("rgb(#{$palette-light-blue-800})") !important;
   832   }
   834   .mdl-color-text--light-blue-900 {
   835     color: unquote("rgb(#{$palette-light-blue-900})") !important;
   836   }
   838   .mdl-color--light-blue-900 {
   839     background-color: unquote("rgb(#{$palette-light-blue-900})") !important;
   840   }
   842   .mdl-color-text--light-blue-A100 {
   843     color: unquote("rgb(#{$palette-light-blue-A100})") !important;
   844   }
   846   .mdl-color--light-blue-A100 {
   847     background-color: unquote("rgb(#{$palette-light-blue-A100})") !important;
   848   }
   850   .mdl-color-text--light-blue-A200 {
   851     color: unquote("rgb(#{$palette-light-blue-A200})") !important;
   852   }
   854   .mdl-color--light-blue-A200 {
   855     background-color: unquote("rgb(#{$palette-light-blue-A200})") !important;
   856   }
   858   .mdl-color-text--light-blue-A400 {
   859     color: unquote("rgb(#{$palette-light-blue-A400})") !important;
   860   }
   862   .mdl-color--light-blue-A400 {
   863     background-color: unquote("rgb(#{$palette-light-blue-A400})") !important;
   864   }
   866   .mdl-color-text--light-blue-A700 {
   867     color: unquote("rgb(#{$palette-light-blue-A700})") !important;
   868   }
   870   .mdl-color--light-blue-A700 {
   871     background-color: unquote("rgb(#{$palette-light-blue-A700})") !important;
   872   }
   874   // Cyan
   876   .mdl-color-text--cyan {
   877     color: unquote("rgb(#{$palette-cyan-500})") !important;
   878   }
   880   .mdl-color--cyan {
   881     background-color: unquote("rgb(#{$palette-cyan-500})") !important;
   882   }
   884   .mdl-color-text--cyan-50 {
   885     color: unquote("rgb(#{$palette-cyan-50})") !important;
   886   }
   888   .mdl-color--cyan-50 {
   889     background-color: unquote("rgb(#{$palette-cyan-50})") !important;
   890   }
   892   .mdl-color-text--cyan-100 {
   893     color: unquote("rgb(#{$palette-cyan-100})") !important;
   894   }
   896   .mdl-color--cyan-100 {
   897     background-color: unquote("rgb(#{$palette-cyan-100})") !important;
   898   }
   900   .mdl-color-text--cyan-200 {
   901     color: unquote("rgb(#{$palette-cyan-200})") !important;
   902   }
   904   .mdl-color--cyan-200 {
   905     background-color: unquote("rgb(#{$palette-cyan-200})") !important;
   906   }
   908   .mdl-color-text--cyan-300 {
   909     color: unquote("rgb(#{$palette-cyan-300})") !important;
   910   }
   912   .mdl-color--cyan-300 {
   913     background-color: unquote("rgb(#{$palette-cyan-300})") !important;
   914   }
   916   .mdl-color-text--cyan-400 {
   917     color: unquote("rgb(#{$palette-cyan-400})") !important;
   918   }
   920   .mdl-color--cyan-400 {
   921     background-color: unquote("rgb(#{$palette-cyan-400})") !important;
   922   }
   924   .mdl-color-text--cyan-500 {
   925     color: unquote("rgb(#{$palette-cyan-500})") !important;
   926   }
   928   .mdl-color--cyan-500 {
   929     background-color: unquote("rgb(#{$palette-cyan-500})") !important;
   930   }
   932   .mdl-color-text--cyan-600 {
   933     color: unquote("rgb(#{$palette-cyan-600})") !important;
   934   }
   936   .mdl-color--cyan-600 {
   937     background-color: unquote("rgb(#{$palette-cyan-600})") !important;
   938   }
   940   .mdl-color-text--cyan-700 {
   941     color: unquote("rgb(#{$palette-cyan-700})") !important;
   942   }
   944   .mdl-color--cyan-700 {
   945     background-color: unquote("rgb(#{$palette-cyan-700})") !important;
   946   }
   948   .mdl-color-text--cyan-800 {
   949     color: unquote("rgb(#{$palette-cyan-800})") !important;
   950   }
   952   .mdl-color--cyan-800 {
   953     background-color: unquote("rgb(#{$palette-cyan-800})") !important;
   954   }
   956   .mdl-color-text--cyan-900 {
   957     color: unquote("rgb(#{$palette-cyan-900})") !important;
   958   }
   960   .mdl-color--cyan-900 {
   961     background-color: unquote("rgb(#{$palette-cyan-900})") !important;
   962   }
   964   .mdl-color-text--cyan-A100 {
   965     color: unquote("rgb(#{$palette-cyan-A100})") !important;
   966   }
   968   .mdl-color--cyan-A100 {
   969     background-color: unquote("rgb(#{$palette-cyan-A100})") !important;
   970   }
   972   .mdl-color-text--cyan-A200 {
   973     color: unquote("rgb(#{$palette-cyan-A200})") !important;
   974   }
   976   .mdl-color--cyan-A200 {
   977     background-color: unquote("rgb(#{$palette-cyan-A200})") !important;
   978   }
   980   .mdl-color-text--cyan-A400 {
   981     color: unquote("rgb(#{$palette-cyan-A400})") !important;
   982   }
   984   .mdl-color--cyan-A400 {
   985     background-color: unquote("rgb(#{$palette-cyan-A400})") !important;
   986   }
   988   .mdl-color-text--cyan-A700 {
   989     color: unquote("rgb(#{$palette-cyan-A700})") !important;
   990   }
   992   .mdl-color--cyan-A700 {
   993     background-color: unquote("rgb(#{$palette-cyan-A700})") !important;
   994   }
   996   // Teal
   998   .mdl-color-text--teal {
   999     color: unquote("rgb(#{$palette-teal-500})") !important;
  1000   }
  1002   .mdl-color--teal {
  1003     background-color: unquote("rgb(#{$palette-teal-500})") !important;
  1004   }
  1006   .mdl-color-text--teal-50 {
  1007     color: unquote("rgb(#{$palette-teal-50})") !important;
  1008   }
  1010   .mdl-color--teal-50 {
  1011     background-color: unquote("rgb(#{$palette-teal-50})") !important;
  1012   }
  1014   .mdl-color-text--teal-100 {
  1015     color: unquote("rgb(#{$palette-teal-100})") !important;
  1016   }
  1018   .mdl-color--teal-100 {
  1019     background-color: unquote("rgb(#{$palette-teal-100})") !important;
  1020   }
  1022   .mdl-color-text--teal-200 {
  1023     color: unquote("rgb(#{$palette-teal-200})") !important;
  1024   }
  1026   .mdl-color--teal-200 {
  1027     background-color: unquote("rgb(#{$palette-teal-200})") !important;
  1028   }
  1030   .mdl-color-text--teal-300 {
  1031     color: unquote("rgb(#{$palette-teal-300})") !important;
  1032   }
  1034   .mdl-color--teal-300 {
  1035     background-color: unquote("rgb(#{$palette-teal-300})") !important;
  1036   }
  1038   .mdl-color-text--teal-400 {
  1039     color: unquote("rgb(#{$palette-teal-400})") !important;
  1040   }
  1042   .mdl-color--teal-400 {
  1043     background-color: unquote("rgb(#{$palette-teal-400})") !important;
  1044   }
  1046   .mdl-color-text--teal-500 {
  1047     color: unquote("rgb(#{$palette-teal-500})") !important;
  1048   }
  1050   .mdl-color--teal-500 {
  1051     background-color: unquote("rgb(#{$palette-teal-500})") !important;
  1052   }
  1054   .mdl-color-text--teal-600 {
  1055     color: unquote("rgb(#{$palette-teal-600})") !important;
  1056   }
  1058   .mdl-color--teal-600 {
  1059     background-color: unquote("rgb(#{$palette-teal-600})") !important;
  1060   }
  1062   .mdl-color-text--teal-700 {
  1063     color: unquote("rgb(#{$palette-teal-700})") !important;
  1064   }
  1066   .mdl-color--teal-700 {
  1067     background-color: unquote("rgb(#{$palette-teal-700})") !important;
  1068   }
  1070   .mdl-color-text--teal-800 {
  1071     color: unquote("rgb(#{$palette-teal-800})") !important;
  1072   }
  1074   .mdl-color--teal-800 {
  1075     background-color: unquote("rgb(#{$palette-teal-800})") !important;
  1076   }
  1078   .mdl-color-text--teal-900 {
  1079     color: unquote("rgb(#{$palette-teal-900})") !important;
  1080   }
  1082   .mdl-color--teal-900 {
  1083     background-color: unquote("rgb(#{$palette-teal-900})") !important;
  1084   }
  1086   .mdl-color-text--teal-A100 {
  1087     color: unquote("rgb(#{$palette-teal-A100})") !important;
  1088   }
  1090   .mdl-color--teal-A100 {
  1091     background-color: unquote("rgb(#{$palette-teal-A100})") !important;
  1092   }
  1094   .mdl-color-text--teal-A200 {
  1095     color: unquote("rgb(#{$palette-teal-A200})") !important;
  1096   }
  1098   .mdl-color--teal-A200 {
  1099     background-color: unquote("rgb(#{$palette-teal-A200})") !important;
  1100   }
  1102   .mdl-color-text--teal-A400 {
  1103     color: unquote("rgb(#{$palette-teal-A400})") !important;
  1104   }
  1106   .mdl-color--teal-A400 {
  1107     background-color: unquote("rgb(#{$palette-teal-A400})") !important;
  1108   }
  1110   .mdl-color-text--teal-A700 {
  1111     color: unquote("rgb(#{$palette-teal-A700})") !important;
  1112   }
  1114   .mdl-color--teal-A700 {
  1115     background-color: unquote("rgb(#{$palette-teal-A700})") !important;
  1116   }
  1118   // Green
  1120   .mdl-color-text--green {
  1121     color: unquote("rgb(#{$palette-green-500})") !important;
  1122   }
  1124   .mdl-color--green {
  1125     background-color: unquote("rgb(#{$palette-green-500})") !important;
  1126   }
  1128   .mdl-color-text--green-50 {
  1129     color: unquote("rgb(#{$palette-green-50})") !important;
  1130   }
  1132   .mdl-color--green-50 {
  1133     background-color: unquote("rgb(#{$palette-green-50})") !important;
  1134   }
  1136   .mdl-color-text--green-100 {
  1137     color: unquote("rgb(#{$palette-green-100})") !important;
  1138   }
  1140   .mdl-color--green-100 {
  1141     background-color: unquote("rgb(#{$palette-green-100})") !important;
  1142   }
  1144   .mdl-color-text--green-200 {
  1145     color: unquote("rgb(#{$palette-green-200})") !important;
  1146   }
  1148   .mdl-color--green-200 {
  1149     background-color: unquote("rgb(#{$palette-green-200})") !important;
  1150   }
  1152   .mdl-color-text--green-300 {
  1153     color: unquote("rgb(#{$palette-green-300})") !important;
  1154   }
  1156   .mdl-color--green-300 {
  1157     background-color: unquote("rgb(#{$palette-green-300})") !important;
  1158   }
  1160   .mdl-color-text--green-400 {
  1161     color: unquote("rgb(#{$palette-green-400})") !important;
  1162   }
  1164   .mdl-color--green-400 {
  1165     background-color: unquote("rgb(#{$palette-green-400})") !important;
  1166   }
  1168   .mdl-color-text--green-500 {
  1169     color: unquote("rgb(#{$palette-green-500})") !important;
  1170   }
  1172   .mdl-color--green-500 {
  1173     background-color: unquote("rgb(#{$palette-green-500})") !important;
  1174   }
  1176   .mdl-color-text--green-600 {
  1177     color: unquote("rgb(#{$palette-green-600})") !important;
  1178   }
  1180   .mdl-color--green-600 {
  1181     background-color: unquote("rgb(#{$palette-green-600})") !important;
  1182   }
  1184   .mdl-color-text--green-700 {
  1185     color: unquote("rgb(#{$palette-green-700})") !important;
  1186   }
  1188   .mdl-color--green-700 {
  1189     background-color: unquote("rgb(#{$palette-green-700})") !important;
  1190   }
  1192   .mdl-color-text--green-800 {
  1193     color: unquote("rgb(#{$palette-green-800})") !important;
  1194   }
  1196   .mdl-color--green-800 {
  1197     background-color: unquote("rgb(#{$palette-green-800})") !important;
  1198   }
  1200   .mdl-color-text--green-900 {
  1201     color: unquote("rgb(#{$palette-green-900})") !important;
  1202   }
  1204   .mdl-color--green-900 {
  1205     background-color: unquote("rgb(#{$palette-green-900})") !important;
  1206   }
  1208   .mdl-color-text--green-A100 {
  1209     color: unquote("rgb(#{$palette-green-A100})") !important;
  1210   }
  1212   .mdl-color--green-A100 {
  1213     background-color: unquote("rgb(#{$palette-green-A100})") !important;
  1214   }
  1216   .mdl-color-text--green-A200 {
  1217     color: unquote("rgb(#{$palette-green-A200})") !important;
  1218   }
  1220   .mdl-color--green-A200 {
  1221     background-color: unquote("rgb(#{$palette-green-A200})") !important;
  1222   }
  1224   .mdl-color-text--green-A400 {
  1225     color: unquote("rgb(#{$palette-green-A400})") !important;
  1226   }
  1228   .mdl-color--green-A400 {
  1229     background-color: unquote("rgb(#{$palette-green-A400})") !important;
  1230   }
  1232   .mdl-color-text--green-A700 {
  1233     color: unquote("rgb(#{$palette-green-A700})") !important;
  1234   }
  1236   .mdl-color--green-A700 {
  1237     background-color: unquote("rgb(#{$palette-green-A700})") !important;
  1238   }
  1240   // Light Green
  1242   .mdl-color-text--light-green {
  1243     color: unquote("rgb(#{$palette-light-green-500})") !important;
  1244   }
  1246   .mdl-color--light-green {
  1247     background-color: unquote("rgb(#{$palette-light-green-500})") !important;
  1248   }
  1250   .mdl-color-text--light-green-50 {
  1251     color: unquote("rgb(#{$palette-light-green-50})") !important;
  1252   }
  1254   .mdl-color--light-green-50 {
  1255     background-color: unquote("rgb(#{$palette-light-green-50})") !important;
  1256   }
  1258   .mdl-color-text--light-green-100 {
  1259     color: unquote("rgb(#{$palette-light-green-100})") !important;
  1260   }
  1262   .mdl-color--light-green-100 {
  1263     background-color: unquote("rgb(#{$palette-light-green-100})") !important;
  1264   }
  1266   .mdl-color-text--light-green-200 {
  1267     color: unquote("rgb(#{$palette-light-green-200})") !important;
  1268   }
  1270   .mdl-color--light-green-200 {
  1271     background-color: unquote("rgb(#{$palette-light-green-200})") !important;
  1272   }
  1274   .mdl-color-text--light-green-300 {
  1275     color: unquote("rgb(#{$palette-light-green-300})") !important;
  1276   }
  1278   .mdl-color--light-green-300 {
  1279     background-color: unquote("rgb(#{$palette-light-green-300})") !important;
  1280   }
  1282   .mdl-color-text--light-green-400 {
  1283     color: unquote("rgb(#{$palette-light-green-400})") !important;
  1284   }
  1286   .mdl-color--light-green-400 {
  1287     background-color: unquote("rgb(#{$palette-light-green-400})") !important;
  1288   }
  1290   .mdl-color-text--light-green-500 {
  1291     color: unquote("rgb(#{$palette-light-green-500})") !important;
  1292   }
  1294   .mdl-color--light-green-500 {
  1295     background-color: unquote("rgb(#{$palette-light-green-500})") !important;
  1296   }
  1298   .mdl-color-text--light-green-600 {
  1299     color: unquote("rgb(#{$palette-light-green-600})") !important;
  1300   }
  1302   .mdl-color--light-green-600 {
  1303     background-color: unquote("rgb(#{$palette-light-green-600})") !important;
  1304   }
  1306   .mdl-color-text--light-green-700 {
  1307     color: unquote("rgb(#{$palette-light-green-700})") !important;
  1308   }
  1310   .mdl-color--light-green-700 {
  1311     background-color: unquote("rgb(#{$palette-light-green-700})") !important;
  1312   }
  1314   .mdl-color-text--light-green-800 {
  1315     color: unquote("rgb(#{$palette-light-green-800})") !important;
  1316   }
  1318   .mdl-color--light-green-800 {
  1319     background-color: unquote("rgb(#{$palette-light-green-800})") !important;
  1320   }
  1322   .mdl-color-text--light-green-900 {
  1323     color: unquote("rgb(#{$palette-light-green-900})") !important;
  1324   }
  1326   .mdl-color--light-green-900 {
  1327     background-color: unquote("rgb(#{$palette-light-green-900})") !important;
  1328   }
  1330   .mdl-color-text--light-green-A100 {
  1331     color: unquote("rgb(#{$palette-light-green-A100})") !important;
  1332   }
  1334   .mdl-color--light-green-A100 {
  1335     background-color: unquote("rgb(#{$palette-light-green-A100})") !important;
  1336   }
  1338   .mdl-color-text--light-green-A200 {
  1339     color: unquote("rgb(#{$palette-light-green-A200})") !important;
  1340   }
  1342   .mdl-color--light-green-A200 {
  1343     background-color: unquote("rgb(#{$palette-light-green-A200})") !important;
  1344   }
  1346   .mdl-color-text--light-green-A400 {
  1347     color: unquote("rgb(#{$palette-light-green-A400})") !important;
  1348   }
  1350   .mdl-color--light-green-A400 {
  1351     background-color: unquote("rgb(#{$palette-light-green-A400})") !important;
  1352   }
  1354   .mdl-color-text--light-green-A700 {
  1355     color: unquote("rgb(#{$palette-light-green-A700})") !important;
  1356   }
  1358   .mdl-color--light-green-A700 {
  1359     background-color: unquote("rgb(#{$palette-light-green-A700})") !important;
  1360   }
  1362   // Lime
  1364   .mdl-color-text--lime {
  1365     color: unquote("rgb(#{$palette-lime-500})") !important;
  1366   }
  1368   .mdl-color--lime {
  1369     background-color: unquote("rgb(#{$palette-lime-500})") !important;
  1370   }
  1372   .mdl-color-text--lime-50 {
  1373     color: unquote("rgb(#{$palette-lime-50})") !important;
  1374   }
  1376   .mdl-color--lime-50 {
  1377     background-color: unquote("rgb(#{$palette-lime-50})") !important;
  1378   }
  1380   .mdl-color-text--lime-100 {
  1381     color: unquote("rgb(#{$palette-lime-100})") !important;
  1382   }
  1384   .mdl-color--lime-100 {
  1385     background-color: unquote("rgb(#{$palette-lime-100})") !important;
  1386   }
  1388   .mdl-color-text--lime-200 {
  1389     color: unquote("rgb(#{$palette-lime-200})") !important;
  1390   }
  1392   .mdl-color--lime-200 {
  1393     background-color: unquote("rgb(#{$palette-lime-200})") !important;
  1394   }
  1396   .mdl-color-text--lime-300 {
  1397     color: unquote("rgb(#{$palette-lime-300})") !important;
  1398   }
  1400   .mdl-color--lime-300 {
  1401     background-color: unquote("rgb(#{$palette-lime-300})") !important;
  1402   }
  1404   .mdl-color-text--lime-400 {
  1405     color: unquote("rgb(#{$palette-lime-400})") !important;
  1406   }
  1408   .mdl-color--lime-400 {
  1409     background-color: unquote("rgb(#{$palette-lime-400})") !important;
  1410   }
  1412   .mdl-color-text--lime-500 {
  1413     color: unquote("rgb(#{$palette-lime-500})") !important;
  1414   }
  1416   .mdl-color--lime-500 {
  1417     background-color: unquote("rgb(#{$palette-lime-500})") !important;
  1418   }
  1420   .mdl-color-text--lime-600 {
  1421     color: unquote("rgb(#{$palette-lime-600})") !important;
  1422   }
  1424   .mdl-color--lime-600 {
  1425     background-color: unquote("rgb(#{$palette-lime-600})") !important;
  1426   }
  1428   .mdl-color-text--lime-700 {
  1429     color: unquote("rgb(#{$palette-lime-700})") !important;
  1430   }
  1432   .mdl-color--lime-700 {
  1433     background-color: unquote("rgb(#{$palette-lime-700})") !important;
  1434   }
  1436   .mdl-color-text--lime-800 {
  1437     color: unquote("rgb(#{$palette-lime-800})") !important;
  1438   }
  1440   .mdl-color--lime-800 {
  1441     background-color: unquote("rgb(#{$palette-lime-800})") !important;
  1442   }
  1444   .mdl-color-text--lime-900 {
  1445     color: unquote("rgb(#{$palette-lime-900})") !important;
  1446   }
  1448   .mdl-color--lime-900 {
  1449     background-color: unquote("rgb(#{$palette-lime-900})") !important;
  1450   }
  1452   .mdl-color-text--lime-A100 {
  1453     color: unquote("rgb(#{$palette-lime-A100})") !important;
  1454   }
  1456   .mdl-color--lime-A100 {
  1457     background-color: unquote("rgb(#{$palette-lime-A100})") !important;
  1458   }
  1460   .mdl-color-text--lime-A200 {
  1461     color: unquote("rgb(#{$palette-lime-A200})") !important;
  1462   }
  1464   .mdl-color--lime-A200 {
  1465     background-color: unquote("rgb(#{$palette-lime-A200})") !important;
  1466   }
  1468   .mdl-color-text--lime-A400 {
  1469     color: unquote("rgb(#{$palette-lime-A400})") !important;
  1470   }
  1472   .mdl-color--lime-A400 {
  1473     background-color: unquote("rgb(#{$palette-lime-A400})") !important;
  1474   }
  1476   .mdl-color-text--lime-A700 {
  1477     color: unquote("rgb(#{$palette-lime-A700})") !important;
  1478   }
  1480   .mdl-color--lime-A700 {
  1481     background-color: unquote("rgb(#{$palette-lime-A700})") !important;
  1482   }
  1484   // Yellow
  1486   .mdl-color-text--yellow {
  1487     color: unquote("rgb(#{$palette-yellow-500})") !important;
  1488   }
  1490   .mdl-color--yellow {
  1491     background-color: unquote("rgb(#{$palette-yellow-500})") !important;
  1492   }
  1494   .mdl-color-text--yellow-50 {
  1495     color: unquote("rgb(#{$palette-yellow-50})") !important;
  1496   }
  1498   .mdl-color--yellow-50 {
  1499     background-color: unquote("rgb(#{$palette-yellow-50})") !important;
  1500   }
  1502   .mdl-color-text--yellow-100 {
  1503     color: unquote("rgb(#{$palette-yellow-100})") !important;
  1504   }
  1506   .mdl-color--yellow-100 {
  1507     background-color: unquote("rgb(#{$palette-yellow-100})") !important;
  1508   }
  1510   .mdl-color-text--yellow-200 {
  1511     color: unquote("rgb(#{$palette-yellow-200})") !important;
  1512   }
  1514   .mdl-color--yellow-200 {
  1515     background-color: unquote("rgb(#{$palette-yellow-200})") !important;
  1516   }
  1518   .mdl-color-text--yellow-300 {
  1519     color: unquote("rgb(#{$palette-yellow-300})") !important;
  1520   }
  1522   .mdl-color--yellow-300 {
  1523     background-color: unquote("rgb(#{$palette-yellow-300})") !important;
  1524   }
  1526   .mdl-color-text--yellow-400 {
  1527     color: unquote("rgb(#{$palette-yellow-400})") !important;
  1528   }
  1530   .mdl-color--yellow-400 {
  1531     background-color: unquote("rgb(#{$palette-yellow-400})") !important;
  1532   }
  1534   .mdl-color-text--yellow-500 {
  1535     color: unquote("rgb(#{$palette-yellow-500})") !important;
  1536   }
  1538   .mdl-color--yellow-500 {
  1539     background-color: unquote("rgb(#{$palette-yellow-500})") !important;
  1540   }
  1542   .mdl-color-text--yellow-600 {
  1543     color: unquote("rgb(#{$palette-yellow-600})") !important;
  1544   }
  1546   .mdl-color--yellow-600 {
  1547     background-color: unquote("rgb(#{$palette-yellow-600})") !important;
  1548   }
  1550   .mdl-color-text--yellow-700 {
  1551     color: unquote("rgb(#{$palette-yellow-700})") !important;
  1552   }
  1554   .mdl-color--yellow-700 {
  1555     background-color: unquote("rgb(#{$palette-yellow-700})") !important;
  1556   }
  1558   .mdl-color-text--yellow-800 {
  1559     color: unquote("rgb(#{$palette-yellow-800})") !important;
  1560   }
  1562   .mdl-color--yellow-800 {
  1563     background-color: unquote("rgb(#{$palette-yellow-800})") !important;
  1564   }
  1566   .mdl-color-text--yellow-900 {
  1567     color: unquote("rgb(#{$palette-yellow-900})") !important;
  1568   }
  1570   .mdl-color--yellow-900 {
  1571     background-color: unquote("rgb(#{$palette-yellow-900})") !important;
  1572   }
  1574   .mdl-color-text--yellow-A100 {
  1575     color: unquote("rgb(#{$palette-yellow-A100})") !important;
  1576   }
  1578   .mdl-color--yellow-A100 {
  1579     background-color: unquote("rgb(#{$palette-yellow-A100})") !important;
  1580   }
  1582   .mdl-color-text--yellow-A200 {
  1583     color: unquote("rgb(#{$palette-yellow-A200})") !important;
  1584   }
  1586   .mdl-color--yellow-A200 {
  1587     background-color: unquote("rgb(#{$palette-yellow-A200})") !important;
  1588   }
  1590   .mdl-color-text--yellow-A400 {
  1591     color: unquote("rgb(#{$palette-yellow-A400})") !important;
  1592   }
  1594   .mdl-color--yellow-A400 {
  1595     background-color: unquote("rgb(#{$palette-yellow-A400})") !important;
  1596   }
  1598   .mdl-color-text--yellow-A700 {
  1599     color: unquote("rgb(#{$palette-yellow-A700})") !important;
  1600   }
  1602   .mdl-color--yellow-A700 {
  1603     background-color: unquote("rgb(#{$palette-yellow-A700})") !important;
  1604   }
  1606   // Amber
  1608   .mdl-color-text--amber {
  1609     color: unquote("rgb(#{$palette-amber-500})") !important;
  1610   }
  1612   .mdl-color--amber {
  1613     background-color: unquote("rgb(#{$palette-amber-500})") !important;
  1614   }
  1616   .mdl-color-text--amber-50 {
  1617     color: unquote("rgb(#{$palette-amber-50})") !important;
  1618   }
  1620   .mdl-color--amber-50 {
  1621     background-color: unquote("rgb(#{$palette-amber-50})") !important;
  1622   }
  1624   .mdl-color-text--amber-100 {
  1625     color: unquote("rgb(#{$palette-amber-100})") !important;
  1626   }
  1628   .mdl-color--amber-100 {
  1629     background-color: unquote("rgb(#{$palette-amber-100})") !important;
  1630   }
  1632   .mdl-color-text--amber-200 {
  1633     color: unquote("rgb(#{$palette-amber-200})") !important;
  1634   }
  1636   .mdl-color--amber-200 {
  1637     background-color: unquote("rgb(#{$palette-amber-200})") !important;
  1638   }
  1640   .mdl-color-text--amber-300 {
  1641     color: unquote("rgb(#{$palette-amber-300})") !important;
  1642   }
  1644   .mdl-color--amber-300 {
  1645     background-color: unquote("rgb(#{$palette-amber-300})") !important;
  1646   }
  1648   .mdl-color-text--amber-400 {
  1649     color: unquote("rgb(#{$palette-amber-400})") !important;
  1650   }
  1652   .mdl-color--amber-400 {
  1653     background-color: unquote("rgb(#{$palette-amber-400})") !important;
  1654   }
  1656   .mdl-color-text--amber-500 {
  1657     color: unquote("rgb(#{$palette-amber-500})") !important;
  1658   }
  1660   .mdl-color--amber-500 {
  1661     background-color: unquote("rgb(#{$palette-amber-500})") !important;
  1662   }
  1664   .mdl-color-text--amber-600 {
  1665     color: unquote("rgb(#{$palette-amber-600})") !important;
  1666   }
  1668   .mdl-color--amber-600 {
  1669     background-color: unquote("rgb(#{$palette-amber-600})") !important;
  1670   }
  1672   .mdl-color-text--amber-700 {
  1673     color: unquote("rgb(#{$palette-amber-700})") !important;
  1674   }
  1676   .mdl-color--amber-700 {
  1677     background-color: unquote("rgb(#{$palette-amber-700})") !important;
  1678   }
  1680   .mdl-color-text--amber-800 {
  1681     color: unquote("rgb(#{$palette-amber-800})") !important;
  1682   }
  1684   .mdl-color--amber-800 {
  1685     background-color: unquote("rgb(#{$palette-amber-800})") !important;
  1686   }
  1688   .mdl-color-text--amber-900 {
  1689     color: unquote("rgb(#{$palette-amber-900})") !important;
  1690   }
  1692   .mdl-color--amber-900 {
  1693     background-color: unquote("rgb(#{$palette-amber-900})") !important;
  1694   }
  1696   .mdl-color-text--amber-A100 {
  1697     color: unquote("rgb(#{$palette-amber-A100})") !important;
  1698   }
  1700   .mdl-color--amber-A100 {
  1701     background-color: unquote("rgb(#{$palette-amber-A100})") !important;
  1702   }
  1704   .mdl-color-text--amber-A200 {
  1705     color: unquote("rgb(#{$palette-amber-A200})") !important;
  1706   }
  1708   .mdl-color--amber-A200 {
  1709     background-color: unquote("rgb(#{$palette-amber-A200})") !important;
  1710   }
  1712   .mdl-color-text--amber-A400 {
  1713     color: unquote("rgb(#{$palette-amber-A400})") !important;
  1714   }
  1716   .mdl-color--amber-A400 {
  1717     background-color: unquote("rgb(#{$palette-amber-A400})") !important;
  1718   }
  1720   .mdl-color-text--amber-A700 {
  1721     color: unquote("rgb(#{$palette-amber-A700})") !important;
  1722   }
  1724   .mdl-color--amber-A700 {
  1725     background-color: unquote("rgb(#{$palette-amber-A700})") !important;
  1726   }
  1728   // Orange
  1730   .mdl-color-text--orange {
  1731     color: unquote("rgb(#{$palette-orange-500})") !important;
  1732   }
  1734   .mdl-color--orange {
  1735     background-color: unquote("rgb(#{$palette-orange-500})") !important;
  1736   }
  1738   .mdl-color-text--orange-50 {
  1739     color: unquote("rgb(#{$palette-orange-50})") !important;
  1740   }
  1742   .mdl-color--orange-50 {
  1743     background-color: unquote("rgb(#{$palette-orange-50})") !important;
  1744   }
  1746   .mdl-color-text--orange-100 {
  1747     color: unquote("rgb(#{$palette-orange-100})") !important;
  1748   }
  1750   .mdl-color--orange-100 {
  1751     background-color: unquote("rgb(#{$palette-orange-100})") !important;
  1752   }
  1754   .mdl-color-text--orange-200 {
  1755     color: unquote("rgb(#{$palette-orange-200})") !important;
  1756   }
  1758   .mdl-color--orange-200 {
  1759     background-color: unquote("rgb(#{$palette-orange-200})") !important;
  1760   }
  1762   .mdl-color-text--orange-300 {
  1763     color: unquote("rgb(#{$palette-orange-300})") !important;
  1764   }
  1766   .mdl-color--orange-300 {
  1767     background-color: unquote("rgb(#{$palette-orange-300})") !important;
  1768   }
  1770   .mdl-color-text--orange-400 {
  1771     color: unquote("rgb(#{$palette-orange-400})") !important;
  1772   }
  1774   .mdl-color--orange-400 {
  1775     background-color: unquote("rgb(#{$palette-orange-400})") !important;
  1776   }
  1778   .mdl-color-text--orange-500 {
  1779     color: unquote("rgb(#{$palette-orange-500})") !important;
  1780   }
  1782   .mdl-color--orange-500 {
  1783     background-color: unquote("rgb(#{$palette-orange-500})") !important;
  1784   }
  1786   .mdl-color-text--orange-600 {
  1787     color: unquote("rgb(#{$palette-orange-600})") !important;
  1788   }
  1790   .mdl-color--orange-600 {
  1791     background-color: unquote("rgb(#{$palette-orange-600})") !important;
  1792   }
  1794   .mdl-color-text--orange-700 {
  1795     color: unquote("rgb(#{$palette-orange-700})") !important;
  1796   }
  1798   .mdl-color--orange-700 {
  1799     background-color: unquote("rgb(#{$palette-orange-700})") !important;
  1800   }
  1802   .mdl-color-text--orange-800 {
  1803     color: unquote("rgb(#{$palette-orange-800})") !important;
  1804   }
  1806   .mdl-color--orange-800 {
  1807     background-color: unquote("rgb(#{$palette-orange-800})") !important;
  1808   }
  1810   .mdl-color-text--orange-900 {
  1811     color: unquote("rgb(#{$palette-orange-900})") !important;
  1812   }
  1814   .mdl-color--orange-900 {
  1815     background-color: unquote("rgb(#{$palette-orange-900})") !important;
  1816   }
  1818   .mdl-color-text--orange-A100 {
  1819     color: unquote("rgb(#{$palette-orange-A100})") !important;
  1820   }
  1822   .mdl-color--orange-A100 {
  1823     background-color: unquote("rgb(#{$palette-orange-A100})") !important;
  1824   }
  1826   .mdl-color-text--orange-A200 {
  1827     color: unquote("rgb(#{$palette-orange-A200})") !important;
  1828   }
  1830   .mdl-color--orange-A200 {
  1831     background-color: unquote("rgb(#{$palette-orange-A200})") !important;
  1832   }
  1834   .mdl-color-text--orange-A400 {
  1835     color: unquote("rgb(#{$palette-orange-A400})") !important;
  1836   }
  1838   .mdl-color--orange-A400 {
  1839     background-color: unquote("rgb(#{$palette-orange-A400})") !important;
  1840   }
  1842   .mdl-color-text--orange-A700 {
  1843     color: unquote("rgb(#{$palette-orange-A700})") !important;
  1844   }
  1846   .mdl-color--orange-A700 {
  1847     background-color: unquote("rgb(#{$palette-orange-A700})") !important;
  1848   }
  1850   // Deep Orange
  1852   .mdl-color-text--deep-orange {
  1853     color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1854   }
  1856   .mdl-color--deep-orange {
  1857     background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1858   }
  1860   .mdl-color-text--deep-orange-50 {
  1861     color: unquote("rgb(#{$palette-deep-orange-50})") !important;
  1862   }
  1864   .mdl-color--deep-orange-50 {
  1865     background-color: unquote("rgb(#{$palette-deep-orange-50})") !important;
  1866   }
  1868   .mdl-color-text--deep-orange-100 {
  1869     color: unquote("rgb(#{$palette-deep-orange-100})") !important;
  1870   }
  1872   .mdl-color--deep-orange-100 {
  1873     background-color: unquote("rgb(#{$palette-deep-orange-100})") !important;
  1874   }
  1876   .mdl-color-text--deep-orange-200 {
  1877     color: unquote("rgb(#{$palette-deep-orange-200})") !important;
  1878   }
  1880   .mdl-color--deep-orange-200 {
  1881     background-color: unquote("rgb(#{$palette-deep-orange-200})") !important;
  1882   }
  1884   .mdl-color-text--deep-orange-300 {
  1885     color: unquote("rgb(#{$palette-deep-orange-300})") !important;
  1886   }
  1888   .mdl-color--deep-orange-300 {
  1889     background-color: unquote("rgb(#{$palette-deep-orange-300})") !important;
  1890   }
  1892   .mdl-color-text--deep-orange-400 {
  1893     color: unquote("rgb(#{$palette-deep-orange-400})") !important;
  1894   }
  1896   .mdl-color--deep-orange-400 {
  1897     background-color: unquote("rgb(#{$palette-deep-orange-400})") !important;
  1898   }
  1900   .mdl-color-text--deep-orange-500 {
  1901     color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1902   }
  1904   .mdl-color--deep-orange-500 {
  1905     background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1906   }
  1908   .mdl-color-text--deep-orange-600 {
  1909     color: unquote("rgb(#{$palette-deep-orange-600})") !important;
  1910   }
  1912   .mdl-color--deep-orange-600 {
  1913     background-color: unquote("rgb(#{$palette-deep-orange-600})") !important;
  1914   }
  1916   .mdl-color-text--deep-orange-700 {
  1917     color: unquote("rgb(#{$palette-deep-orange-700})") !important;
  1918   }
  1920   .mdl-color--deep-orange-700 {
  1921     background-color: unquote("rgb(#{$palette-deep-orange-700})") !important;
  1922   }
  1924   .mdl-color-text--deep-orange-800 {
  1925     color: unquote("rgb(#{$palette-deep-orange-800})") !important;
  1926   }
  1928   .mdl-color--deep-orange-800 {
  1929     background-color: unquote("rgb(#{$palette-deep-orange-800})") !important;
  1930   }
  1932   .mdl-color-text--deep-orange-900 {
  1933     color: unquote("rgb(#{$palette-deep-orange-900})") !important;
  1934   }
  1936   .mdl-color--deep-orange-900 {
  1937     background-color: unquote("rgb(#{$palette-deep-orange-900})") !important;
  1938   }
  1940   .mdl-color-text--deep-orange-A100 {
  1941     color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
  1942   }
  1944   .mdl-color--deep-orange-A100 {
  1945     background-color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
  1946   }
  1948   .mdl-color-text--deep-orange-A200 {
  1949     color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
  1950   }
  1952   .mdl-color--deep-orange-A200 {
  1953     background-color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
  1954   }
  1956   .mdl-color-text--deep-orange-A400 {
  1957     color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
  1958   }
  1960   .mdl-color--deep-orange-A400 {
  1961     background-color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
  1962   }
  1964   .mdl-color-text--deep-orange-A700 {
  1965     color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
  1966   }
  1968   .mdl-color--deep-orange-A700 {
  1969     background-color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
  1970   }
  1972   // Brown
  1974   .mdl-color-text--brown {
  1975     color: unquote("rgb(#{$palette-brown-500})") !important;
  1976   }
  1978   .mdl-color--brown {
  1979     background-color: unquote("rgb(#{$palette-brown-500})") !important;
  1980   }
  1982   .mdl-color-text--brown-50 {
  1983     color: unquote("rgb(#{$palette-brown-50})") !important;
  1984   }
  1986   .mdl-color--brown-50 {
  1987     background-color: unquote("rgb(#{$palette-brown-50})") !important;
  1988   }
  1990   .mdl-color-text--brown-100 {
  1991     color: unquote("rgb(#{$palette-brown-100})") !important;
  1992   }
  1994   .mdl-color--brown-100 {
  1995     background-color: unquote("rgb(#{$palette-brown-100})") !important;
  1996   }
  1998   .mdl-color-text--brown-200 {
  1999     color: unquote("rgb(#{$palette-brown-200})") !important;
  2000   }
  2002   .mdl-color--brown-200 {
  2003     background-color: unquote("rgb(#{$palette-brown-200})") !important;
  2004   }
  2006   .mdl-color-text--brown-300 {
  2007     color: unquote("rgb(#{$palette-brown-300})") !important;
  2008   }
  2010   .mdl-color--brown-300 {
  2011     background-color: unquote("rgb(#{$palette-brown-300})") !important;
  2012   }
  2014   .mdl-color-text--brown-400 {
  2015     color: unquote("rgb(#{$palette-brown-400})") !important;
  2016   }
  2018   .mdl-color--brown-400 {
  2019     background-color: unquote("rgb(#{$palette-brown-400})") !important;
  2020   }
  2022   .mdl-color-text--brown-500 {
  2023     color: unquote("rgb(#{$palette-brown-500})") !important;
  2024   }
  2026   .mdl-color--brown-500 {
  2027     background-color: unquote("rgb(#{$palette-brown-500})") !important;
  2028   }
  2030   .mdl-color-text--brown-600 {
  2031     color: unquote("rgb(#{$palette-brown-600})") !important;
  2032   }
  2034   .mdl-color--brown-600 {
  2035     background-color: unquote("rgb(#{$palette-brown-600})") !important;
  2036   }
  2038   .mdl-color-text--brown-700 {
  2039     color: unquote("rgb(#{$palette-brown-700})") !important;
  2040   }
  2042   .mdl-color--brown-700 {
  2043     background-color: unquote("rgb(#{$palette-brown-700})") !important;
  2044   }
  2046   .mdl-color-text--brown-800 {
  2047     color: unquote("rgb(#{$palette-brown-800})") !important;
  2048   }
  2050   .mdl-color--brown-800 {
  2051     background-color: unquote("rgb(#{$palette-brown-800})") !important;
  2052   }
  2054   .mdl-color-text--brown-900 {
  2055     color: unquote("rgb(#{$palette-brown-900})") !important;
  2056   }
  2058   .mdl-color--brown-900 {
  2059     background-color: unquote("rgb(#{$palette-brown-900})") !important;
  2060   }
  2062   // Grey
  2064   .mdl-color-text--grey {
  2065     color: unquote("rgb(#{$palette-grey-500})") !important;
  2066   }
  2068   .mdl-color--grey {
  2069     background-color: unquote("rgb(#{$palette-grey-500})") !important;
  2070   }
  2072   .mdl-color-text--grey-50 {
  2073     color: unquote("rgb(#{$palette-grey-50})") !important;
  2074   }
  2076   .mdl-color--grey-50 {
  2077     background-color: unquote("rgb(#{$palette-grey-50})") !important;
  2078   }
  2080   .mdl-color-text--grey-100 {
  2081     color: unquote("rgb(#{$palette-grey-100})") !important;
  2082   }
  2084   .mdl-color--grey-100 {
  2085     background-color: unquote("rgb(#{$palette-grey-100})") !important;
  2086   }
  2088   .mdl-color-text--grey-200 {
  2089     color: unquote("rgb(#{$palette-grey-200})") !important;
  2090   }
  2092   .mdl-color--grey-200 {
  2093     background-color: unquote("rgb(#{$palette-grey-200})") !important;
  2094   }
  2096   .mdl-color-text--grey-300 {
  2097     color: unquote("rgb(#{$palette-grey-300})") !important;
  2098   }
  2100   .mdl-color--grey-300 {
  2101     background-color: unquote("rgb(#{$palette-grey-300})") !important;
  2102   }
  2104   .mdl-color-text--grey-400 {
  2105     color: unquote("rgb(#{$palette-grey-400})") !important;
  2106   }
  2108   .mdl-color--grey-400 {
  2109     background-color: unquote("rgb(#{$palette-grey-400})") !important;
  2110   }
  2112   .mdl-color-text--grey-500 {
  2113     color: unquote("rgb(#{$palette-grey-500})") !important;
  2114   }
  2116   .mdl-color--grey-500 {
  2117     background-color: unquote("rgb(#{$palette-grey-500})") !important;
  2118   }
  2120   .mdl-color-text--grey-600 {
  2121     color: unquote("rgb(#{$palette-grey-600})") !important;
  2122   }
  2124   .mdl-color--grey-600 {
  2125     background-color: unquote("rgb(#{$palette-grey-600})") !important;
  2126   }
  2128   .mdl-color-text--grey-700 {
  2129     color: unquote("rgb(#{$palette-grey-700})") !important;
  2130   }
  2132   .mdl-color--grey-700 {
  2133     background-color: unquote("rgb(#{$palette-grey-700})") !important;
  2134   }
  2136   .mdl-color-text--grey-800 {
  2137     color: unquote("rgb(#{$palette-grey-800})") !important;
  2138   }
  2140   .mdl-color--grey-800 {
  2141     background-color: unquote("rgb(#{$palette-grey-800})") !important;
  2142   }
  2144   .mdl-color-text--grey-900 {
  2145     color: unquote("rgb(#{$palette-grey-900})") !important;
  2146   }
  2148   .mdl-color--grey-900 {
  2149     background-color: unquote("rgb(#{$palette-grey-900})") !important;
  2150   }
  2152   // Blue Grey
  2154   .mdl-color-text--blue-grey {
  2155     color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  2156   }
  2158   .mdl-color--blue-grey {
  2159     background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  2160   }
  2162   .mdl-color-text--blue-grey-50 {
  2163     color: unquote("rgb(#{$palette-blue-grey-50})") !important;
  2164   }
  2166   .mdl-color--blue-grey-50 {
  2167     background-color: unquote("rgb(#{$palette-blue-grey-50})") !important;
  2168   }
  2170   .mdl-color-text--blue-grey-100 {
  2171     color: unquote("rgb(#{$palette-blue-grey-100})") !important;
  2172   }
  2174   .mdl-color--blue-grey-100 {
  2175     background-color: unquote("rgb(#{$palette-blue-grey-100})") !important;
  2176   }
  2178   .mdl-color-text--blue-grey-200 {
  2179     color: unquote("rgb(#{$palette-blue-grey-200})") !important;
  2180   }
  2182   .mdl-color--blue-grey-200 {
  2183     background-color: unquote("rgb(#{$palette-blue-grey-200})") !important;
  2184   }
  2186   .mdl-color-text--blue-grey-300 {
  2187     color: unquote("rgb(#{$palette-blue-grey-300})") !important;
  2188   }
  2190   .mdl-color--blue-grey-300 {
  2191     background-color: unquote("rgb(#{$palette-blue-grey-300})") !important;
  2192   }
  2194   .mdl-color-text--blue-grey-400 {
  2195     color: unquote("rgb(#{$palette-blue-grey-400})") !important;
  2196   }
  2198   .mdl-color--blue-grey-400 {
  2199     background-color: unquote("rgb(#{$palette-blue-grey-400})") !important;
  2200   }
  2202   .mdl-color-text--blue-grey-500 {
  2203     color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  2204   }
  2206   .mdl-color--blue-grey-500 {
  2207     background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  2208   }
  2210   .mdl-color-text--blue-grey-600 {
  2211     color: unquote("rgb(#{$palette-blue-grey-600})") !important;
  2212   }
  2214   .mdl-color--blue-grey-600 {
  2215     background-color: unquote("rgb(#{$palette-blue-grey-600})") !important;
  2216   }
  2218   .mdl-color-text--blue-grey-700 {
  2219     color: unquote("rgb(#{$palette-blue-grey-700})") !important;
  2220   }
  2222   .mdl-color--blue-grey-700 {
  2223     background-color: unquote("rgb(#{$palette-blue-grey-700})") !important;
  2224   }
  2226   .mdl-color-text--blue-grey-800 {
  2227     color: unquote("rgb(#{$palette-blue-grey-800})") !important;
  2228   }
  2230   .mdl-color--blue-grey-800 {
  2231     background-color: unquote("rgb(#{$palette-blue-grey-800})") !important;
  2232   }
  2234   .mdl-color-text--blue-grey-900 {
  2235     color: unquote("rgb(#{$palette-blue-grey-900})") !important;
  2236   }
  2238   .mdl-color--blue-grey-900 {
  2239     background-color: unquote("rgb(#{$palette-blue-grey-900})") !important;
  2240   }
  2242   // Black
  2244   .mdl-color--black {
  2245     background-color: unquote("rgb(#{$color-black})") !important;
  2246   }
  2248   .mdl-color-text--black {
  2249     color: unquote("rgb(#{$color-black})") !important;
  2250   }
  2252   // White
  2254   .mdl-color--white {
  2255     background-color: unquote("rgb(#{$color-white})") !important;
  2256   }
  2258   .mdl-color-text--white {
  2259     color: unquote("rgb(#{$color-white})") !important;
  2260   }
  2261 }
  2263 // Primary and accent
  2265 .mdl-color--primary {
  2266   background-color: unquote("rgb(#{$color-primary})") !important;
  2267 }
  2269 .mdl-color--primary-contrast {
  2270   background-color: unquote("rgb(#{$color-primary-contrast})") !important;
  2271 }
  2273 .mdl-color--primary-dark {
  2274   background-color: unquote("rgb(#{$color-primary-dark})") !important;
  2275 }
  2277 .mdl-color--accent {
  2278   background-color: unquote("rgb(#{$color-accent})") !important;
  2279 }
  2281 .mdl-color--accent-contrast {
  2282   background-color: unquote("rgb(#{$color-accent-contrast})") !important;
  2283 }
  2285 .mdl-color-text--primary {
  2286   color: unquote("rgb(#{$color-primary})") !important;
  2287 }
  2289 .mdl-color-text--primary-contrast {
  2290   color: unquote("rgb(#{$color-primary-contrast})") !important;
  2291 }
  2293 .mdl-color-text--primary-dark {
  2294   color: unquote("rgb(#{$color-primary-dark})") !important;
  2295 }
  2297 .mdl-color-text--accent {
  2298   color: unquote("rgb(#{$color-accent})") !important;
  2299 }
  2301 .mdl-color-text--accent-contrast {
  2302   color: unquote("rgb(#{$color-accent-contrast})") !important;
  2303 }
