background-color
background-color 속성에 대한 유틸리티입니다.
미리 지정한 네 가지 테마 색상을 활용하여 요소의 배경 색상을 설정합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
background-color:transparent | bg-color:transparent | background-color: transparent !important; |
background-color:main-1 | bg-color:main-1 | background-color: var(--color-main-1) !important; |
background-color:main-2 | bg-color:main-2 | background-color: var(--color-main-2) !important; |
background-color:main-3 | bg-color:main-3 | background-color: var(--color-main-3) !important; |
background-color:sub-1 | bg-color:sub-1 | background-color: var(--color-sub-1) !important; |
background-color:sub-2 | bg-color:sub-2 | background-color: var(--color-sub-2) !important; |
background-color:sub-3 | bg-color:sub-3 | background-color: var(--color-sub-3) !important; |
background-color:accent-1 | bg-color:accent-1 | background-color: var(--color-accent-1) !important; |
background-color:accent-2 | bg-color:accent-2 | background-color: var(--color-accent-2) !important; |
background-color:accent-3 | bg-color:accent-3 | background-color: var(--color-accent-3) !important; |
background-color:base-1 | bg-color:base-1 | background-color: var(--color-base-1) !important; |
background-color:base-2 | bg-color:base-2 | background-color: var(--color-base-2) !important; |
background-color:base-3 | bg-color:base-3 | background-color: var(--color-base-3) !important; |
background-color:base-4 | bg-color:base-4 | background-color: var(--color-base-4) !important; |
background-color:base-5 | bg-color:base-5 | background-color: var(--color-base-5) !important; |
background-color:base-6 | bg-color:base-6 | background-color: var(--color-base-6) !important; |
background-color:base-7 | bg-color:base-7 | background-color: var(--color-base-7) !important; |
background-color:base-8 | bg-color:base-8 | background-color: var(--color-base-8) !important; |
background-color:base-9 | bg-color:base-9 | background-color: var(--color-base-9) !important; |
background-color:base-10 | bg-color:base-10 | background-color: var(--color-base-10) !important; |
기본 테마 색상 var(--color-main), var(--color-sub), ... 설정과 관련된 내용은 여기를 참고해주세요.