이윰
컬러 & 버튼
- Home
- 이윰빌더
- 테마코드 활용 (BS5용)
- 컬러 & 버튼
본 페이지의 테마코드 활용법은 2022년 01월 이후 선보인 이윰빌더 시즌4 부트스트랩5 기반의 테마코드 활용법입니다.
이전 이윰빌더 시즌4 부트스트랩3 기반의 테마코드 활용법은 아래 링크를 참조하여 주시기 바랍니다.
https://eyoom.net/page/eb4_code
Colors
.bg-red
#e53935
.bg-crimson
#cc2300
.bg-pink
#d81b60
.bg-purple
#8e24aa
.bg-deep-purple
#5e35b1
.bg-indigo
#3949ab
.bg-blue
#1e88e5
.bg-light-blue
#039be5
.bg-cyan
#00acc1
.bg-teal
#00897b
.bg-green
#43a047
.bg-light-green
#7cb342
.bg-lime
#c0ca33
.bg-yellow
#fdd835
.bg-amber
#ffb300
.bg-orange
#fb8c00
.bg-deep-orange
#f4511e
.bg-brown
#6d4c41
.bg-gray
#757575
.bg-light-gray
#a5a5a5
.bg-black
#000
.bg-white
#fff
.bg-transparent
transparent
Buttons
Button Block
.btn-e-block
아래의 예제들은 소스 코드에 .btn-e-block이 포함되어 있습니다. 버튼의 block 속성을 원치않으면 .btn-e-block을 지우고 사용하세요.
Button State
.disabled .active
Button Size
.btn-e-xxs .btn-e-xs .btn-e-sm .btn-e-md .btn-e-lg .btn-e-xl .btn-e-xxl
Bordered Button Option
.btn-e-brd
Button Dropdowns
버튼의 색상과 크기등의 옵션을 조합해서 사용할수 있습니다.