ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Zurb Foundation 4 Snippets

by liamr ALL

一个适用于 Zurb 的 Foundation 框架的 Textmate/Sublime Text 2 包。

标签 snippets

详细信息

  • 2013.06.19.22.03.50
  • github.​com
  • github.​com
  • 11年前
  • 2小时前
  • 11年前

安装次数

  • 总计 6K
  • Win 4K
  • Mac 2K
  • Linux 757
Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23
Windows 2 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源代码
raw.​githubusercontent.​com

Textmate 包用于 Zurb Foundation 4

为 Zurb 的优秀响应式 HTML 框架提供一系列代码片段。将添加更多内容，但目前有少量代码片段可以让您的一天更加美好。

安装

cd ~/Library/Application\ Support/TextMate/Bundles/
git clone git://github.com/liamr/Zurb-Foundation-Textmate-Bundle.git Zurb\ Foundation.tmbundle

变更日志

1.1

所有代码片段现在都以 'zf' 开头，以避免与其他安装包冲突。更新了文档以反映此更改。

1.2

更新以支持 Foundation 4 - 感谢 Kramsee

布局 & 网格

zfpage 创建一个新的 Foundation HTML 页面

zfc 创建一个容器

<div class="container" id="name">
    (cursor)    
</div>

zfr 创建一行

<div class="row" id="name">
    (cursor)    
</div>

zfcr 创建一个容器和一行

<div class="container" id="name">
    <div class="row" id="name">
        (cursor)    
    </div>
</div>

zfc1 - zfc12 根据数字创建列，例如

zfc6 创建

<div class="six columns" id="name">
    (cursor)
</div>

zfcc 创建一个基本的列布局，并允许您指定想要的数量，例如

<div class="[one - twelve] column[s]" id="name">
    (cursor)
</div>

zf2col、zf3col、zf4col 创建一个围绕行和容器的 2、3 或 4 列布局

<div class="container" id="#">
    <div class="row" id="#">

        <div class="six columns" id="#">

        </div> 


        <div class="six columns" id="#">

        </div> 
    </div>
</div>

按钮

zfbtn 创建一个基本的按钮，并允许您指定选项

<a href="#" class="[small, medium, large] [white, blue, red, black] button">(Cursor)</a>

zfnbtn 创建一个漂亮的按钮，并允许您指定选项

<a href="#" class="nice radius [small, medium, large] [white, blue, red, black] button">(Cursor)</a>

块网格

zfblock2、zfblock3、zfblock4、zfblock5 创建
    2、3、4 或 5 个并列的块网格

<ul class="block-grid five-up">
    <li></li>
</ul>

更多内容即将推出

我尽快添加更多内容，并将其集成到 Sublime Text 2 包中！如果您有建议，请告诉我！

致谢

感谢 Fred Oliveira - https://github.com/fredoliveira/textmate-960gs/blob/master/README.markdown - 以其 960.gs 为基础