SpectreCSS Snippets
**SpectreCSS 的便利代码段包,适用于 SublimeText**
感谢下载了 40 次
SpectreCSS Snippets
SpectreCSS 是一个极简的纯 CSS 框架,当我在搜索纯 CSS 框架时,它吸引了我,它给我提供了更多的灵活性和自定义能力。在进行 SpectreCSS 时,我有一个想法,将 SpectreCSS 的所有可能功能都整合到一个 ST 包中。我认为 SpectreCSS 本身就简单智能,这个自动完成包将提供现成的代码段,以增加其简洁性。
安装
包控制
安装 SpectreCSS Snippets 的最简单方法是通过使用 包控制。它的安装过程 在此有文档说明。
- 打开包控制(或按 Ctrl+Shift+P 或 Cmd+Shift+P)
- 输入 install 并按回车键
- 输入 SpectreCSS Snippets 并再次按回车键
下载存档
如果你没有包控制或 Git,请使用此方法。
要找出包目录的位置,你可以前往 首选项 和 浏览包...。这将用文件浏览器打开该目录。
可用的函数
CDN
字体相关函数
触发词 |
函数 |
sp-bq |
块引用 |
sp-dl |
描述列表 |
sp-h1 |
H1 标题 |
sp-ol |
有序列表 |
sp-p |
段落 |
sp-ul |
无序列表 |
表格函数
触发词 |
函数 |
sp-table |
默认表格 |
sp-table-scroll |
可滚动表格 |
sp-table-s |
条纹表格 |
语义函数
触发词 |
函数 |
sp-abbr |
缩写 |
sp-b |
加粗 |
sp-cite |
引用 |
sp-code |
代码类型 |
sp-del |
删除文本 |
sp-em |
强调文本 |
sp-mark |
高亮文本 |
sp-ins |
插入文本 |
sp-it |
斜体 |
sp-kbd |
键盘绑定 |
sp-rby |
Ruby(用于东亚书法) |
sp-out |
示例输出 |
sp-strike |
删除线 |
sp-sub |
下标文本 |
sp-sup |
上标文本 |
sp-time |
时间 |
sp-uline |
下划线文本 |
sp-var |
变量 |
导航栏功能
媒体功能
触发词 |
函数 |
sp-cap |
figcaption |
sp-i-con |
自动裁剪的图像 |
sp-i-cov |
图像覆盖 |
sp-img |
响应式图像 |
sp-v |
响应式视频 |
布局功能
触发词 |
函数 |
sp-col-12 |
列 12 |
sp-col-9 |
列 9 |
sp-col-6 |
列 6 |
sp-col-3 |
列 3 |
语言功能
触发词 |
函数 |
sp-chs |
支持简体中文字体 |
sp-cht |
支持繁体中文字体 |
sp-j |
支持日文字体 |
sp-ko |
支持韩文字体 |
标签功能
触发词 |
函数 |
sp-l |
标签默认 |
sp-lerr |
标签错误 |
sp-lp |
主要标签 |
sp-lsec |
次要标签 |
sp-lsuc |
成功标签 |
sp-lwarn |
警告标签 |
表单功能
触发词 |
函数 |
sp-fchk |
表单复选框 |
sp-fcolor |
颜色输入 |
sp-fdate |
日期输入 |
sp-femail |
电子邮件输入 |
sp-ffile |
文件输入 |
sp-fhor |
水平示例表单 |
sp-finp |
表单输入 |
sp-fload |
输入加载 |
sp-fnum |
数字输入 |
sp-fpass |
密码输入 |
sp-fr |
单选按钮 |
sp-fsearch |
搜索输入 |
sp-fs |
表单选择框 |
sp-fswitch |
表单开关 |
sp-ftel |
电话输入 |
sp-ftxt |
文本区域 |
sp-furl |
URL 输入 |
组件功能
触发词 |
函数 |
sp-acc |
手风琴 |
sp-ava |
头像 |
sp-bdg |
徽章默认 |
sp-bdg-btn |
徽章按钮 |
sp-bc |
面包屑 |
sp-card |
卡片默认 |
sp-chips |
芯片默认 |
sp-empty |
空状态 |
sp-mod |
模态框 |
sp-nav |
导航 |
sp-pg1 |
带有 pg_no 的分页 |
sp-pg2 |
前后类型分页 |
sp-pnl |
面板 |
sp-bpop |
底部悬停 |
sp-lpop |
左侧悬停 |
sp-rpop |
右侧悬停 |
sp-tpop |
顶部悬停 |
sp-sl-t |
带有工具提示的滑动条 |
sp-sl |
滑动条默认 |
sp-stp |
步骤 |
sp-tile1 |
瓦片类型1 |
sp-ftile |
文件瓦片 |
sp-tt |
工具提示 |
代码功能
按钮功能
触发词 |
函数 |
sp-btn-menu |
菜单操作按钮 |
sp-btn-menu-c |
菜单操作圆形按钮 |
sp-btn |
按钮默认 |
sp-btn-dis |
禁用按钮 |
sp-btn-e |
错误按钮(红色) |
sp-btn-grp |
按钮组 |
sp-btn-lnk |
链接按钮 |
sp-btn-load |
加载按钮 |
sp-btn-p |
主要按钮 |
sp-btn-s |
成功按钮(绿色) |
许可证
MIT License
Copyright (c) 2021 Vishwa.R
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.