Material Design Lite 的 Sublime Snippets
新的样式框架 material lite 现在也加入了 Sublime。
元素!
安装
安装此插件有 3 种方法。
- 通过“Package Control：安装包”菜单搜索“Material Lite Snippets”。
注意：如果您还没有安装 Sublime Package Control，可以在此处了解如何安装：[链接](https://sublime.wbond.net/installation)
将仓库克隆到您的 Sublime Text 2/3 包目录中。git clone https://github.com/arindam/sublime-material-lite.git
下载 .zip 文件并解压到您的 Sublime Text 2/3 包目录。**注意：**您可以通过转到首选项 > 浏览包来找到您的 Sublime Text 2/3 包目录。
徽章
| 代码片段 |
组件 |
| mdl-badge-icon |
图标上的徽章 |
| 文本上的徽章 |
简单徽章 |
| mdl-badge |
涟漪效果，强调颜色，升起按钮 |
按钮
| 代码片段 |
组件 |
| mdl-button-accent-ripple-raised |
涟漪效果，强调颜色，升起按钮 |
| mdl-button-accent-ripple |
涟漪效果，强调颜色 |
| mdl-button-colored-ripple-raised |
涟漪效果，主要颜色，升起按钮 |
| mdl-button-colored-ripple |
涟漪效果，主要颜色 |
| mdl-button-fab-colored-ripple |
fab 按钮，主要颜色，涟漪效果 |
| mdl-button-fab-colored |
fab 按钮，主要颜色 |
| mdl-button-fab-ripple |
fab 按钮，涟漪效果 |
| mdl-button-fab-disable |
fab 按钮，禁用 |
| mdl-button-fab |
fab 按钮 |
| mdl-button-ripple-raised |
涟漪效果，升起按钮 |
| mdl-button-disable-raised |
禁用，升起按钮 |
| mdl-button-raised |
浮雕按钮 |
| mdl-button-ripple |
水波纹效果按钮 |
| mdl-button-disable |
禁用，升起按钮 |
| mdl-button |
简单按钮 |
卡片
| 代码片段 |
组件 |
| mdl-card-event-nostyle |
卡片事件（内联样式） |
| mdl-card-event |
卡片事件（带样式） |
| mdl-card-square-nostyle |
卡片事件方形尺寸（内联样式） |
| mdl-card-square |
卡片事件方形尺寸（带样式） |
| mdl-card-wide-nostyle |
卡片宽（内联样式） |
| mdl-card-wide |
简单卡片 |
芯片
| 代码片段 |
组件 |
| mdl-chip-button |
按钮芯片 |
| mdl-chip-contact |
联系芯片 |
| mdl-chip-deletable2 |
可删除联系芯片 |
| mdl-chip-deletable |
可删除芯片 |
| mdl-chip |
基本芯片 |
对话框
| 代码片段 |
组件 |
| mdl-dialog-full-script |
宽/全对话框（带按钮onclick JavaScript） |
| mdl-dialog-full |
宽/全对话框 |
| mdl-dialog-script |
带按钮onclick JavaScript的对话框 |
| mdl-dialog |
简单对话框 |
扩展
| 代码片段 |
组件 |
| mdl-link |
样式表和字体cdn链接 |
| mdl-script |
material.js的cdn |
| mdl-cdn |
所有material design lite的cdn |
布局
| 代码片段 |
组件 |
| mdl-cell-phone |
响应式网格列（手机） |
| mdl-cell-tablet |
响应式网格列（平板） |
| mdl-cell |
响应式网格列（网页） |
| mdl-content-tab |
内容标签页 |
| mdl-footer-mega |
超大页脚 |
| mdl-footer |
基本页脚 |
| mdl-grid |
响应式网格布局 |
| mdl-layout-drawer |
侧滑抽屉（仅限） |
| mdl-layout-fixed |
固定侧滑抽屉 |
| mdl-layout-scroll |
可滚动标题栏 |
| mdl-layout |
基本布局：导航栏 + 侧边栏 |
| mdl-layout-tab-fixed |
固定标签页 |
| mdl-layout-tab |
可滚动标签页 |
| mdl-layout-transparent |
透明标题栏（带有背景图片） |
| mdl-layout-waterfall |
瀑布式标题栏 |
| mdl-tabs |
多个导航栏标签页 |
| mdl-tab |
基本导航栏标签页 |
列表
| 代码片段 |
组件 |
| mdl-list-3line |
三列（内容中） |
| mdl-list-actions |
头像和操作 |
| mdl-list-basic |
基本列表 |
| mdl-list-controls |
头像和控制 |
| mdl-list |
简单列表 |
| mdl-list-2line |
两列（内容中） |
加载
| 代码片段 |
组件 |
| mdl-progress-buffer |
缓冲 |
| mdl-progress-indeterminate |
未确定 |
| mdl-progress |
基本进度条 |
| mdl-spinner |
基本加载动画 |
| mdl-spinner-colored |
基本加载动画（带颜色） |
菜单
| 代码片段 |
组件 |
| mdl-menu-left |
底部左侧 |
| mdl-menu-left-top |
顶部左侧 |
| mdl-menu-right |
底部右侧 |
| mdl-menu-right-top |
顶部右侧 |
| mdl-menu |
默认 -> 底部左侧（下拉式） |
面板
滑块
Snackbar
| 代码片段 |
组件 |
| mdl-snackbar-script |
带有JavaScript的Snackbar（轻提示框） |
| mdl-snackbar |
Snackbar（轻提示框） |
| mdl-toast-script |
带有JavaScript的Toast（消息提示框） |
| mdl-toast |
Toast（消息提示框） |
表格
| 代码片段 |
组件 |
| mdl-table-selectable |
可选择的表格 |
| mdl-table |
基本数据表格 |
模板
| 代码片段 |
组件 |
| mdl-template-article |
文章模板 |
| mdl-template-contact |
联系模板 |
| mdl-template-login2 |
不同样式的登录模板 |
| mdl-template-login |
登录模板 |
| mdl-template-register |
注册模板 |
| mdl-template-vertical-content |
垂直列模板 |
| mdl-template |
模板启动器 |
注意：新模板即将推出！
文本字段（输入字段）
| 代码片段 |
组件 |
| mdl-form-expand |
可展开文本字段 |
| mdl-form-float |
带有浮动标签的文本 |
| mdl-form-multiline |
浮动多行文本字段 |
| mdl-form-number |
数字输入 |
| mdl-form |
简单文本字段 |
开关
| 代码片段 |
组件 |
| mdl-check-icon |
复选框 |
| mdl-check-ripple |
复选框水波纹效果 |
| mdl-check |
复选框 |
| mdl-switch |
开关 |
| mdl-radio-group |
单选钮 |
| mdl-radio |
单选钮 |
工具提示
| 代码片段 |
组件 |
| mdl-tooltip-large |
大工具提示 |
| mdl-tooltip |
基本工具提示 |
配置
即将推出！
授权协议
麻省理工学院
