Muito bom o curso e gostei muito da arquitetura Atomic.
A única coisa que me fez torcer um pouco o nariz foi o fato de ter que importar cada arquivo .css criado em uma nova linha do <link>.
Minha dúvida é se não há uma maneira um pouco mais eficiente de se fazer essa chamada.
Por exemplo, seria possível criar um arquivo "intermediário", onde nele colocamos a lista dos nossos .css do projeto e no HTML chamar apenas este novo arquivo?
Desde já agradeço.
Uma boa maneira de fazer isso é utilizando o @import no arquivo css principal
1 - crie um pasta style dentro da pasta do seu projeto (ps : o arquivo css principal não precisa está aqui).
2 - crie um arquivo .style principal
3 - sempre que vc criar um novo arquivo .css é só ir no css principal e usar o seguinte código: @import url(style/ nome do arquivo .css);
lembre-se que o @import deve ficar sempre no topo do código.
EXEMPLO:
@import url(style/header.css);
@import url(style/pag-login.css);
@import url(style/footer.css);