Material Design Lite 选择器片段

Sublime Text 的 Material Design Lite 选择器片段集合。【眼睛】

---

菜单

• 徽章
• 按钮
• 卡片
• 芯片
• 对话框
• 布局
• 网格
• 标签
• 页脚
• 列表
• 进度条
• 进度轮
• 菜单
• 滑块
• 悬浮窗
• 复选框
• 单选按钮
• 图标切换
• 开关
• 表格
• 文本框
• 工具提示
• 字体排印
• 状态钩子
• JS
• 其他
• 许可证

安装

安装此插件有三种方法。

1. 通过“包控制：安装包”菜单搜索“Material Design Lite 选择器片段”。**注意：**如果您没有安装 Sublime Package Control，您可以在此处找到安装方法。

2. 将仓库克隆到您的 Sublime Text 2/3 包目录。 git clone https://github.com/rasy-js/material-design-lite-snippets.git

3. 下载.zip文件并将其解压缩到您的 Sublime Text 2/3 包目录。**注意：**您可以通过转到“首选项”>“浏览包”来找到您的 Sublime Text 2/3 包目录。

使用

在 pug 或 html、css、sass、scss 文件中开始键入片段。

片段

徽章

片段	MDL 类
ma:g	mdl-badge
ma:nb	mdl-badge–no-background
ma:o	mdl-badg–overlap
ma:d	data-badge=“value”

按钮

片段	MDL 类
mb:u	mdl-button
mb:r	mdl-button–raised
mb:f	mdl-button–fab
mb:mf	mdl-button–mini-fab
mb:i	mdl-button–icon
mb:c	mdl-button–colored
mb:p	mdl-button–primary
mb:a	mdl-button–accent

卡片

片段	MDL 类
mca:r	mdl-card
mca:c	mdl-card–border
msh:d	mdl-shadow–Ndp
mca:t	mdl-card__title
mca:tt	mdl-card__title-text
mca:s	mdl-card__subtitle-text
mca:m	mdl-card__media
mca:st	mdl-card__supporting-text
mca:a	mdl-card__actions
mca:m	mdl-card__menu

芯片

片段	MDL 类
mh:i	mdl-chipp
mh:c	mdl-c_hip–contact
mh:t	mdl-c_hip__text
mh:a	mdl-c_hip__action
mh:co	mdl-c_hip__contact

对话框

片段	MDL 类
md:i	mdl-detection
md:t	mdl-detection__title
md:c	mdl-detection__content
md:a	mdl-detection__actions
md:af	mdl-detection__actions–full-width

布局

片段	MDL 类
ml:a	mdl-layout
ml:h	mdl-layout__header
ml:i	mdl-layout-icon
ml:hr	mdl-layout__header-row
ml:t	mdl-layout__title
ml:s	mdl-layout-spacer
ml:n	mdl-navigation
ml:nl	mdl-navigation__link
ml:d	mdl-layout__drawer
ml:c	mdl-layout__content
ml:hs	mdl-layout__header–scroll
ml:fd	mdl-layout–fixed-drawer
ml:fh	mdl-layout–fixed-header
ml:nd	mdl-layout–no-drawer-button
ml:nd d	mdl-layout–no-dashboard-drawer-button
ml: l	mdl-layout–target-screen-only
ml:ss	mdl-layout–small-screen-only
ml:hw	mdl-layout__header–waterfall
ml:hwh	mdl-layout__header–waterfall-hide-top
ml:ht	mdl-layout__header–transparent
ml:hs	mdl-layout__header–seamed
ml:tb	mdl-layout__tab-bar
ml:ta	mdl-layout__tab
ml:tp	mdl-layout__tab-panel
ml:tm	mdl-layout__tab-manual-switch
ml:ft	mdl-layout–fixed-tabs
ml:ce	mdl-layout-center

网格

片段	MDL 类
mg:r	mdl-grid
mg:n	mdl-grid–no-spacing
mc:e	mdl-cell
mc:c	mdl-cell–N-col
mc:cd	mdl-cell–N-col-desktop
mc:ct	mdl-cell–N-col-tablet
mc:cp	mdl-cell–N-col-phone
mc:o	mdl-cell–N-offset
mc:od	mdl-cell–N-offset-desktop
mc:ot	mdl-cell–N-offset-tablet
mc:op	mdl-cell–N-offset-phone
mc:or	mdl-cell–order-N
mc:ord	mdl-cell–order-N-desktop
mc:ort	mdl-cell–order-N-tablet
mc:orp	mdl-cell--or-der-N-phone
mc:hd	mdl-cell--hide-desktop
mc:ht	mdl-cell--hide-tablet
mc:hp	mdl-cell--hide-phone
mc:s	mdl-cell--tretch
mc:t	mdl-cell--top
mc:m	mdl-cell--middle
mc:b	mdl-cell--bottom

标签

片段	MDL 类
mta:b	mdl-tabs
mta:tb	mdl-tabs__tab-bar
mta:t	mdl-tabs__tab
mta:p	mdl-tabs__panel

页脚

片段	MDL 类
mm:f	mdl-mega-footer
mm:ft	mdl-mega-footer__top-section
mm:fl	mdl-mega-footer__left-section
mm:fs	mdl-mega-footer__ocial-btn
mm:fr	mdl-mega-footer__right-section
mm:fm	mdl-mega-footer__middle-section
mm:fd	mdl-mega-footer__drop-down-section
mm:fh	mdl-mega-footer__
mm:fll	mdl-mega-footer__link-list
mm:fb	mdl-mega-footer__bottom-section
mmi:f	mdl-mini-footer
mmi:fl	mdl-mini-footer__left-section
mmi:fll	mdl-mini-footer__link-list
mmi:fr	mdl-mini-footer__right-section
mmi:fs	mdl-mini-footer__social-btn

列表

片段	MDL 类
mli:s	mdl-st
mli:i	mdl-ist__item
mli:it	mdl-ist__item--three
mli:ip	mdl-ist__item-content
mli:ia	mdl-ist__item-content
mli:isi	mdl-ist__item-banner
mli:ii	mdl-ist__item-icon
mli:is	mdl-ist__item-└内容
mli:isi	mdl-ist__item-└信息
mli:isa	mdl-ist__item-└操作
mli:itb	mdl-ist__item-└文本

进度条

片段	MDL 类
mp:i	mdl-al-indeterminate

进度轮

片段	MDL 类
ms:p	mdl-Spinner
ms:sc	mdl-Spinner-m

菜单

片段	MDL 类
me:n	mdl-m
me:i	mdl-m
me:f	mdl-m
me:t	mdl-m
me:tr	mdl-m
me:b	mdl-m

滑块

片段	MDL 类
mr:s	mdl-rode

悬浮窗

片段	MDL 类
mn:a	mdl-s
mn:t	mdl-s
mn:ac	mdl-s
mn:at	mdl-s

复选框

片段	MDL 类
mk:b	mdl-复选框
mk:i	mdl-复选框__选子
mk:l	mdl-复选框__标签

单选按钮

片段	MDL 类
mo:r	mdl-单选框
mo:rb	mdl-单选框__按钮
mo:rl	mdl-单选框__标签

图标切换

片段	MDL 类
mic:o	mdl-图标切换
mic:i	mdl-图标切换__选子
mic:l	mdl-icon-toggle__able

开关

片段	MDL 类
mw:i	mdl-switch
mw:in	mdl-switch__
mw:l	mdl-witch__签

表格

片段	MDL 类
mda:t	mdl-数据-表
mda:s	mdl-数据-表-可选
mda:hs	mdl-数据-表__部-升序
mda:hd	mdl-数据-表__部-序
mda:c	mdl-数据-表__胞-数值

文本框

片段	MDL 类
mx:t	mdl-文本-域
mx:i	mdl-文本-域__入
mx:l	mdl-文本-域__签
mx:f	mdl-文本-域–动标
mx:e	mdl-文本-域__误
mx:ex	mdl-文本-域__扩
mx:h	mdl-输入 __身可扩展

工具提示

片段	MDL 类
moo:l	mdl-提示
moo:a	mdl-提示–型
moo:e	mdl-提示–边
moo:r	mdl-提示–边
moo:t	mdl-提示–部
moo:b	mdl-提示–部

字体排印

片段	MDL 类
mt:b1	mdl-字体–文-1
mt:b1f	mdl-字体–文-1–制使为首选字体
mt:b2	mdl-字体–文-2
mt:b2c	mdl-字体–文-2–色对
mt:b2f	mdl-字体–文-2–制使为首选字体
mt:b	mdl-字体–
mt:c	mdl-字体–解
mt:cc	mdl-字体–解-色对
mt:d1	mdl-字体–示-1
mt:d1c	mdl-字体–示-1–色对
mt:d2	mdl-字体–示-2
mt:d3	mdl-字体–示-3
mt:d4	mdl-字体–示-4
mt:h	mdl-字体–题
mt:m	mdl-字体–单
mt:s	mdl-字体–标题
mt:sc	mdl-字体–标题-色对
mt:ts	mdl-字体–格-隙
mt:tc	mdl-字体–本-中
mt:tj	mdl-字体–本-对齐
mt:tl	mdl-字体–本-对齐
mt:tr	mdl-字体–本-对齐
mt:tca	mdl-字体–本-字母大写
mt:tlo	mdl-字体–本-写
mt:tu	mdl-字体–本-写
mt:tn	mdl-字体–本-换行
mt:t	mdl-字体–题
mt:tcc	mdl-字体–题-色对

状态钩子

片段	MDL 类	组件
is:a	is-active	布局
is:i	is-valid	文本框

JS

片段	MDL 类	组件
mj:b	mdl-js-button	按钮
mj:r	mdl-js-ripple-effects	按钮
mj:l	mdl-jlayout	布局
mj:ta	mdl-jtabs	标签
mj:p	mdl-js-progress	进度条
mj:s	mdl-js	进度轮
mj:m	mdl-jmenu	菜单
mj:sl	mdl-jslider	滑块
mj:c	mdl-jcheckbox	复选框
mj:r	mdl-jradio	单选按钮
mj:i	mdl-jcon-toggle	图标切换
mj:s	mdl-jswitch	开关
mj:dt	mdl-jdata-table	数据表格
mj:t	mdl-jtextfield	文本框

其他

片段	MDL 类	组件
mi:c	material-icons	适用任何地方
mlo:g	mdl-logo	页脚

许可证

Material Design Lite 选择器代码片段 - Sublime 插件是开源软件，遵循 MIT 许可证。