Como arredondar todos os campos de entrada no Discourse?

Dev
1

Como arredondo todos de uma vez via CSS?

image
image874×409 7.46 KB

2

Existe uma variável que você pode usar, que é aplicada à maioria das entradas (regulares):

var(--d-input-border-radius);

Portanto, defina essa variável na raiz do seu CSS com um valor de sua preferência:

:root {
--d-input-border-radius: 20px;
}

Pode haver alguns casos em que você precise fazer ajustes manuais, mas este deve ser um bom começo.

3

Obrigado, onde posso ver as variáveis do meu fórum Discourse?

4

No código principal do Discourse, as propriedades personalizadas que você pode substituir podem ser encontradas neste arquivo:

Para substituir qualquer uma delas, você pode adicioná-las à raiz do seu tema assim:

image
image1726×838 64 KB

5

Muito obrigado