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 na pasta de pacotes do Sublime Text 2
- Clone ou baixe o zip mais recente do repositório github de Jame
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