Brafé
Sistema de Grid de 12 colunas desenvolvido com Styled-components, utilizando Flexbox.
O sistema possui algumas variáveis configuráveis:
- l_device = 960 Breakpoint => Desktop
- m_device = 760 => Breakpoint Tablet
- s_device = 480 => Breakpoint mobile
- gutter = 20 => Espaçamento entre as colunas
- columns = 12 => Quantidade de colunas
// Ocupa 4 colunas no desktop, 6 colunas no tablet e 12 no mobile
Exemplo com Row:
Propriedades:
Define a quantidade de coluna que serão exibitas nas resoluções.
Propriedade | Valor
desktop: Quantidade de colunas (number)
tablet: Quantidade de colunas (number)
mobile: Quantidade de colunas (number)
Obs.: Se não for informado a quantidade de colunas, serão ocupados 12 colunas.