fix: 선택약관관련 수정 250619
This commit is contained in:
@@ -3,6 +3,8 @@
|
||||
@SQUARE_BORDER_DEFAULT: #CCCCCC;
|
||||
@SQUARE_BORDER_ACTIVE: #C70850;
|
||||
@SQUARE_BG_SELECTED: #7A808D;
|
||||
// @SQUARE_BG_SELECTED: #C70850;
|
||||
;
|
||||
|
||||
.tCheckBoxSquare {
|
||||
min-width: 45px !important;
|
||||
@@ -21,6 +23,7 @@
|
||||
&:focus,
|
||||
&.focus {
|
||||
border-color: @SQUARE_BORDER_ACTIVE !important;
|
||||
border-width: 4px !important; // 🔥 포커스 시 굵은 테두리
|
||||
}
|
||||
|
||||
&::before {
|
||||
@@ -39,6 +42,7 @@
|
||||
|
||||
&.selected {
|
||||
border-color: @SQUARE_BG_SELECTED !important;
|
||||
border-width: 4px !important;
|
||||
background-color: @SQUARE_BG_SELECTED !important;
|
||||
&::before {
|
||||
transform: translate(-50%, -70%) rotate(-45deg) scale(1);
|
||||
@@ -46,9 +50,10 @@
|
||||
}
|
||||
|
||||
&.selectedFocus {
|
||||
border-color: @SQUARE_BG_SELECTED !important;
|
||||
border-color: @SQUARE_BORDER_ACTIVE !important;
|
||||
border-width: 4px !important;
|
||||
background-color: @SQUARE_BG_SELECTED !important;
|
||||
box-shadow: 0 0 0 4px fade(@SQUARE_BG_SELECTED, 20%) !important;
|
||||
box-shadow: 0 0 0 4px fade(@SQUARE_BORDER_ACTIVE, 20%) !important;
|
||||
&::before {
|
||||
transform: translate(-50%, -70%) rotate(-45deg) scale(1);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user