Base 5 trechos para texto sublime

Como sua nova versão do popular framework de front-end Foundation , eles atualizaram as classes para suas novas atualizações principais.
Um cara chamado JamesDullaghan desenvolveu um plugin de snippets para o popular editor Sublime Text . Isso é realmente útil para desenvolvedores de sites que desenvolvem sites com a estrutura CSS do Foundation 5.


Instalação

cd ~/Library/Application Support/Sublime Text 2/Packages
git clone https
://github.com/zurb/foundation-5-sublime-snippets.git
  • Cada fragmento é prefixado com zf-(ZURB Foundation).
  • Cada snippet é singular, a menos que o nome do componente termine com um s (offcanvas)
  • As classes disponíveis são incluídas como comentários nos snippets

Componentes Disponíveis

  • Offcanvas
  • Barra superior
  • Sidenav
  • Subnav
  • Migalhas de pão
  • Paginação
  • Órbita
  • Limpando
  • Botões
  • Grupos de botões
  • Botões de divisão
  • Botões suspensos
  • Revelar
  • Alertas
  • Painéis
  • Tabelas de preços
  • Barras de Progresso
  • Acordeão
  • Abas
  • Guias verticais

Exemplo de uso:

zf-offcanvas + tab
zf
-topbar + tab
zf
-sidenav + tab
zf
-subnav + tab
zf
-breadcrumb + tab
zf
-pagination + tab
zf
-orbit + tab
zf
-clearing + tab
zf
-button + tab
zf
-button-group + tab
zf
-split-button + tab
zf
-dropdown-button + tab
zf
-reveal + tab
zf
-alert + tab
zf
-panel + tab
zf
-pricing-table + tab
zf
-progress-bar + tab
zf
-accordion + tab
zf
-tab + tab
zf
-vertical-tab + tab

Fonte: https://github.com/zurb/foundation-5-sublime-snippets