O mini framework Akatsuki CSS consiste basicamente em um framewok utilitário baseado no famoso TailwindCSS juntamente com o PicoCSS. 🌄

Configurações base:

• O box-sizing é por padrão o border-box;
• Cada rem equivale a 10px;
• Os atributos de border e padding são iguais a 0, ou seja, sem estilos por padrão.

Especificações de uso:

• As medidas são sempre múltiplos de 2. Geralmente começam de 2 em 2, depois 4 em 4 e etc... quanto maior o número maior será o espaçamento entre um e outro.

Até o momento pode-se trabalhar com:

• display(flex, grid e block);
• espaçadores(padding, margin, gap, border e etc...);
• width e height() {o underline representa divisões de tela(porcentagens)}
• Background e Text color(Usando a paleta do tailwind, no futuro usarei paletas diferentes);
• Fonts(Serifadas, não serifadas, weight, size e etc...);

CSS Helpers

• Todos começam com "u" e seguem com seu atributo principal; Ex: u-flex-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between };