【文件属性】:
文件名称:html-material-css:仅使用CSS的本机html组件的Material Design
文件大小:33KB
文件格式:ZIP
更新时间:2021-05-11 06:39:36
CSS
html-material-css
仅使用CSS的本机html组件的Material Design
用法
安装
npm i -S html-material-css
导入您的代码
@import ' ~html-material-css/less/material.less ' ;
// Possibly use the dark theme
@color-theme : dark;
颜色
使用较少的变量,您可以使用任何材料设计颜色:
@import ' ~html-material-css/less/colors.less ' ;
.some-element {
color : @color-grey500 ;
}
带CSS模块的图标
通过以下方式使用一些材料设计图标:
import menu from 'html-material-css/less/icons/menu.le
【文件预览】:
html-material-css-master
----src()
--------index.js(281B)
----less()
--------tooltip.less(782B)
--------icon.less(152B)
--------colors.less(7KB)
--------icons()
--------images()
--------material.less(1007B)
--------checkbox.less(2KB)
--------radio.less(2KB)
--------button.less(2KB)
--------range.less(2KB)
--------spinner.less(1KB)
--------textbox-and-select.less(3KB)
--------loader.less(635B)
--------themes()
----.npmignore(4B)
----.idea()
--------misc.xml(174B)
--------markdown-navigator()
--------html-material-css.iml(458B)
--------encodings.xml(159B)
--------modules.xml(286B)
--------markdown-navigator.xml(5KB)
--------vcs.xml(180B)
----LICENSE(1KB)
----README.md(3KB)
----docs()
--------index.html(6KB)
--------style.less(5KB)
----.editorconfig(94B)
----.gitignore(5B)
----package.json(527B)