[251123] Merge: develop_si base로 develop을 merge함
This commit is contained in:
@@ -1,11 +1,9 @@
|
||||
// src/components/TCheckBox/TCheckBoxSquare.module.less
|
||||
|
||||
@SQUARE_BORDER_DEFAULT: #CCCCCC;
|
||||
@SQUARE_BORDER_ACTIVE: #C70850;
|
||||
@SQUARE_BG_SELECTED: #7A808D;
|
||||
@SQUARE_BORDER_DEFAULT: #cccccc;
|
||||
@SQUARE_BORDER_ACTIVE: #c70850;
|
||||
@SQUARE_BG_SELECTED: #7a808d;
|
||||
// @SQUARE_BG_SELECTED: #C70850;
|
||||
;
|
||||
|
||||
.tCheckBoxSquare {
|
||||
min-width: 45px !important;
|
||||
min-height: 45px !important;
|
||||
@@ -17,17 +15,19 @@
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, border 0.15s !important;
|
||||
transition:
|
||||
background 0.15s,
|
||||
border 0.15s !important;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
border-color: @SQUARE_BORDER_ACTIVE !important;
|
||||
border-width: 4px !important; // 🔥 포커스 시 굵은 테두리
|
||||
border-width: 4px !important; // 🔥 포커스 시 굵은 테두리
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -52,7 +52,8 @@
|
||||
&.selectedFocus {
|
||||
border-color: @SQUARE_BORDER_ACTIVE !important;
|
||||
border-width: 4px !important;
|
||||
background-color: @SQUARE_BG_SELECTED !important;
|
||||
background-color: @SQUARE_BG_SELECTED !important;
|
||||
|
||||
&::before {
|
||||
transform: translate(-50%, -70%) rotate(-45deg) scale(1);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user