mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update shared components
This commit is contained in:
Luke Pulverenti
parent
fb269362ff
commit
71811cb9e3
221 changed files with 32936 additions and 101 deletions
2303
dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss
vendored
Normal file
2303
dashboard-ui/bower_components/material-design-lite/src/palette/_palette.scss
vendored
Normal file
File diff suppressed because it is too large
Load diff
55
dashboard-ui/bower_components/material-design-lite/src/palette/demo.css
vendored
Normal file
55
dashboard-ui/bower_components/material-design-lite/src/palette/demo.css
vendored
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/**
|
||||
* Copyright 2015 Google Inc. All Rights Reserved.
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
.demo-page--palette.demo-preview-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.demo-palette {
|
||||
margin-top: 15px;
|
||||
width: 360px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 360px ) {
|
||||
.demo-palette {
|
||||
width: 272px;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-palette-color, .demo-palette-heading {
|
||||
max-width: 300px;
|
||||
padding: 15px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.demo-palette .demo-palette--dark-text,
|
||||
.demo-palette-heading.demo-palette--dark-text .demo-palette-name {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.demo-palette-name {
|
||||
padding: 0 0 60px 0;
|
||||
}
|
||||
|
||||
.demo-palette-single {
|
||||
padding: 15px 15px 25px;
|
||||
}
|
||||
|
||||
.demo-palette-single .demo-palette-name {
|
||||
padding: 0;
|
||||
float: left;
|
||||
}
|
||||
417
dashboard-ui/bower_components/material-design-lite/src/palette/demo.html
vendored
Normal file
417
dashboard-ui/bower_components/material-design-lite/src/palette/demo.html
vendored
Normal file
|
|
@ -0,0 +1,417 @@
|
|||
<div class="demo-preview-block demo-page--palette">
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--red-500">
|
||||
<div class="demo-palette-name">Red</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--red-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--red-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--red-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--red-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--red-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--red-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--red-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--red-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--red-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--red-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--red-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--red-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--red-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--red-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--pink-500">
|
||||
<div class="demo-palette-name">Pink</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--pink-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--pink-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--pink-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--pink-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--pink-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--pink-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--pink-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--pink-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--pink-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--pink-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--pink-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--pink-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--pink-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--pink-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--purple-500">
|
||||
<div class="demo-palette-name">Purple</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--purple-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--purple-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--purple-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--purple-300">300</div>
|
||||
<div class="demo-palette-color mdl-color--purple-400">400</div>
|
||||
<div class="demo-palette-color mdl-color--purple-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--purple-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--purple-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--purple-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--purple-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--purple-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--purple-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--purple-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--purple-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--deep-purple-500">
|
||||
<div class="demo-palette-name">Deep Purple</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-300">300</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-400">400</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--deep-purple-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--indigo-500">
|
||||
<div class="demo-palette-name">Indigo</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-300">300</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-400">400</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--indigo-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--blue-500">
|
||||
<div class="demo-palette-name">Blue</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--blue-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--blue-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--blue-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--blue-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--blue-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--blue-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--blue-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--blue-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--blue-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--blue-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--blue-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--blue-A200">A200</div>
|
||||
<div class="demo-palette-color mdl-color--blue-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--blue-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--light-blue-500">
|
||||
<div class="demo-palette-name">Light Blue</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--light-blue-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--cyan-500">
|
||||
<div class="demo-palette-name">Cyan</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--cyan-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--teal-500">
|
||||
<div class="demo-palette-name">Teal</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--teal-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--teal-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--teal-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--teal-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--teal-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--teal-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--teal-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--teal-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--teal-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--teal-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--teal-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--teal-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--teal-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--teal-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--green-500">
|
||||
<div class="demo-palette-name">Green</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--green-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--green-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--green-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--green-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--green-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--green-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--green-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--green-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--green-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--green-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--green-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--green-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--green-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--green-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--light-green-500">
|
||||
<div class="demo-palette-name">Light Green</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-600 demo-palette--dark-text">600</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-700 demo-palette--dark-text">700</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--light-green-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--lime-500 demo-palette--dark-text">
|
||||
<div class="demo-palette-name">Lime</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--lime-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--lime-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--lime-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--lime-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--lime-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--lime-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--lime-600 demo-palette--dark-text">600</div>
|
||||
<div class="demo-palette-color mdl-color--lime-700 demo-palette--dark-text">700</div>
|
||||
<div class="demo-palette-color mdl-color--lime-800 demo-palette--dark-text">800</div>
|
||||
<div class="demo-palette-color mdl-color--lime-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--lime-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--lime-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--lime-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--lime-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--yellow-500 demo-palette--dark-text">
|
||||
<div class="demo-palette-name">Yellow</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-600 demo-palette--dark-text">600</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-700 demo-palette--dark-text">700</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-800 demo-palette--dark-text">800</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-900 demo-palette--dark-text">900</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--yellow-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--amber-500 demo-palette--dark-text">
|
||||
<div class="demo-palette-name">Amber</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--amber-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--amber-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--amber-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--amber-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--amber-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--amber-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--amber-600 demo-palette--dark-text">600</div>
|
||||
<div class="demo-palette-color mdl-color--amber-700 demo-palette--dark-text">700</div>
|
||||
<div class="demo-palette-color mdl-color--amber-800 demo-palette--dark-text">800</div>
|
||||
<div class="demo-palette-color mdl-color--amber-900 demo-palette--dark-text">900</div>
|
||||
<div class="demo-palette-color mdl-color--amber-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--amber-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--amber-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--amber-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--orange-500 demo-palette--dark-text">
|
||||
<div class="demo-palette-name">Orange</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--orange-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--orange-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--orange-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--orange-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--orange-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--orange-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--orange-600 demo-palette--dark-text">600</div>
|
||||
<div class="demo-palette-color mdl-color--orange-700 demo-palette--dark-text">700</div>
|
||||
<div class="demo-palette-color mdl-color--orange-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--orange-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--orange-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--orange-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--orange-A400 demo-palette--dark-text">A400</div>
|
||||
<div class="demo-palette-color mdl-color--orange-A700 demo-palette--dark-text">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--deep-orange-500">
|
||||
<div class="demo-palette-name">Deep Orange</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-900">900</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-A100 demo-palette--dark-text">A100</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-A200 demo-palette--dark-text">A200</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-A400">A400</div>
|
||||
<div class="demo-palette-color mdl-color--deep-orange-A700">A700</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--brown-500">
|
||||
<div class="demo-palette-name">Brown</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--brown-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--brown-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--brown-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--brown-300">300</div>
|
||||
<div class="demo-palette-color mdl-color--brown-400">400</div>
|
||||
<div class="demo-palette-color mdl-color--brown-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--brown-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--brown-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--brown-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--brown-900">900</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--grey-500 demo-palette--dark-text">
|
||||
<div class="demo-palette-name">Grey</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--grey-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--grey-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--grey-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--grey-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--grey-400 demo-palette--dark-text">400</div>
|
||||
<div class="demo-palette-color mdl-color--grey-500 demo-palette--dark-text">500</div>
|
||||
<div class="demo-palette-color mdl-color--grey-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--grey-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--grey-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--grey-900">900</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading mdl-color--blue-grey-500">
|
||||
<div class="demo-palette-name">Blue Grey</div>
|
||||
|
||||
500
|
||||
</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-50 demo-palette--dark-text">50</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-100 demo-palette--dark-text">100</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-200 demo-palette--dark-text">200</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-300 demo-palette--dark-text">300</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-400">400</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-500">500</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-600">600</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-700">700</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-800">800</div>
|
||||
<div class="demo-palette-color mdl-color--blue-grey-900">900</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-palette">
|
||||
<div class="demo-palette-heading demo-palette-single mdl-color--black">
|
||||
<div class="demo-palette-name">Black</div>
|
||||
</div>
|
||||
<div class="demo-palette-heading demo-palette-single mdl-color--white demo-palette--dark-text">
|
||||
<div class="demo-palette-name">White</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue