Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Separando o css

Eu criei uma pasta css dentro do diretório static. Dentro dela criei o arquivo estilo.css e transferi o conteúdo que estava dentro das tags style em base.html e ficou desta forma:

.logo-container {
    background-color: #47bcff;
    color: #FFF;
}

.logo {
    font-family: 'Handlee', cursive;
    font-size: 2.5rem;
}

No arquivo base.html adicionei o link

<link href="/css/estilo.css" rel="stylesheet">

no lugar da tag style. Esta medida pode ser considerada como uma boa prática, pelo fato de "despoluir' o arquivo html?

2 respostas
solução!

Oie Luiz, tudo bem contigo?

Com certeza pode ser considerado uma boa prática sim, até porque se um dia você quiser aumentar o css, o html ficaria muito poluído, por isso, separando dessa forma você evita que isso ocorra.

Outra coisa, para fazer o import do css para o html usando o thymeleaf é necessário usar essa tag aqui th:href, então seu código ficaria da seguinte maneira:

<link th:href="@{/css/estilo.css}" rel="stylesheet">

Espero ter ajudado!

Se tiver qualquer outra dúvida estarei por aqui :)

Obrigado pela dica do import Igor. Abcs!