Skip to content

Generic design system based on context customization, using css custom properties.

Notifications You must be signed in to change notification settings

alexmfs/alicerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo Alicerce

  • É uma API de design ou um Design System customizável a partir de tokens de design e modificações via contexto.
  • Seu objetivo é a utilização de um código base padrão para projetos permitindo liberdade de customização de layouts
  • As modificações via contexto visam um código mais enxuto, sem necessidade de modificar o html (Zen Garden).
  • Em breve mais detalhes de uso

Dependências

  • Npm
  • Gulp

Instalação

Após baixar o projeto, rodar os comandos npm i e gulp

Como usar

Em breve

Tecnologias

  • Sass
  • PostCss
  • Pug

Conceitos

Organização de arquivos

Todos os arquivos de componentes ficam juntos, usando o mesmo nome, mudando apenas a extensão conforme cada caso

src/_core/
src/baseComponents/buttons/
    |
    |_ buttons.scss
    |_ buttons.pug
    |_ buttons.js
    |_ buttons.spec.js
    |_ buttons.md
    |_ buttons.fixtures.json
src/components/
src/views/

About

Generic design system based on context customization, using css custom properties.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published