Discourse에서 모든 입력 필드를 둥글게 만드는 방법?

개발
1

CSS를 사용하여 한 번에 모두 어떻게 반올림하나요?

image
image874×409 7.46 KB

2

대부분의 (일반) 입력 요소에 적용되는 변수를 사용할 수 있습니다:

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

따라서 CSS 루트에서 해당 변수를 원하는 값으로 설정하면 됩니다:

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

수동으로 미세 조정이 필요한 경우가 있을 수 있지만, 이는 좋은 출발점이 될 것입니다.

3

감사합니다. 포럼 Discourse 변수를 어디서 확인할 수 있나요?

4

Discourse의 핵심 코드에서 오버라이드할 수 있는 사용자 정의 속성은 다음 파일에서 찾을 수 있습니다:

이 중 어떤 속성을든 오버라이드하려면, 다음과 같이 테마의 루트에 추가할 수 있습니다:

image
image1726×838 64 KB

5

정말 감사합니다