ROC é um framework que possibilita uma ampla organização em seu projeto. Feita com Stylus, CSS e usando conceitos de organização do Atomic Design ela é tudo aquilo que o desenvolvedor web precisava sem mais e nem menos, tudo na medida certa! Sua estrutura é separada em diversos arquivos que seguem a metodologia do Atomic Design e mantendo uma boa semântica em seu projeto. Se você ainda não sabe sobre está metodologia do Atomic Design é basicamente este exemplo abaixo:
- Átomos
- Moléculas
- Organismos
- Templates
- Páginas
#### Caso não saiba lidar com Stylus acesse o site do pré processador no link abaixo
Site Stylus
#### Como usar?
Para usar é bem simples em sua página insira os códigos da base da index.html localizada na pasta RocBase e logo depois é só incrementar seu estilo na pagina.styl. O framework tem um arquivo core em stylus que pega todos as folhas de estilo da página e compilando em um unico só arquivo chamado ROC.css, isso faz com que o seu projeto ande na linha na questão organização veja abaixo como é a estrutura.
@import'atomos.styl'
@import'moleculas.styl'
@import'organismo.styl'
@import'modelo.styl'
@import'pagina.styl'
Lembrando que este framework vem com apenas o necessário para seu projeto! No framework você pode encontrar alguns boxes, botões, sistema de grid, formulários e mídias responsivas. Fora isso você já tem um esquema de organização já modulado de mídias queryes mais usadas atualmente no mercado.