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
};