[TItemCard] VideoShow 일 경우
Detail Notes : 1. Border 추가, focus 되었을때 스타일 변경
This commit is contained in:
@@ -190,21 +190,20 @@
|
||||
padding: 14px;
|
||||
background-color: @COLOR_WHITE;
|
||||
border-radius: 12px;
|
||||
.border-solid(@size:4px,@color:transparent);
|
||||
font-weight: bold;
|
||||
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
||||
font-family: @baseFontBold;
|
||||
position: relative;
|
||||
|
||||
&:focus {
|
||||
border: 4px solid @PRIMARY_COLOR_RED;
|
||||
box-sizing: border-box;
|
||||
.focused(@boxShadow: 22px, @borderRadius: 12px);
|
||||
&::after {
|
||||
.focused(@boxShadow: 22px, @borderRadius: 12px);
|
||||
}
|
||||
}
|
||||
&.nonPosition {
|
||||
&:focus {
|
||||
position: unset;
|
||||
border: 4px solid @PRIMARY_COLOR_RED;
|
||||
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 12px;
|
||||
&::after {
|
||||
.focused(@boxShadow: 22px, @borderRadius: 12px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.imageWrap {
|
||||
|
||||
Reference in New Issue
Block a user