nth-rocks
v0.1.0
Published
Don't break your lists
Downloads
2
Maintainers
Readme
nth-rocks
Biblioteca em SCSS que permite a utilização de várias colunas com alturas diferentes, sem que as mesmas quebrem, ou se comportem de forma inadequada.
Com
Sem
Utilização
Você pode adicionar as classes ao seu elemento com a seguinte estrutura:
- [Prefixo da resolução desejada]-[Quantidade de colunas nesta resolução]
Tudo deve funcionar muito bem!
Por exemplo:
<ul class="nth-phone-2 nth-tablet-4 nth-desktop-3 nth-larger-desktop-4"
Nesse caso, serão exibidas 2 colunas na resolução de smarphone, 4 colunas na resolução de tablet, 3 colunas em monitores pequenos e 4 colunas em monitores maiores.
Veja um exemplo: https://github.com/alisonmonteiro/nth-rocks/blob/master/example/index.html
TODO
- [ ] Add github-page
- [ ] Add bower.json
- [ ] Add opção
nth-rocks.less
- [ ] Short classes
- Ver issues