optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[components] TItemCard, css 수정

Browse Source 
Detail Notes :

1. focused 상태의 border 수정
This commit is contained in:
younghoon100.park
2024-02-05 18:07:50 +09:00
parent 07458e21f2
commit 88f31cce4f
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
View File

@@ -73,10 +73,10 @@
}
/* focused */
&:focus-within {
border: solid 1px @PRIMARY_COLOR_RED;
box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED,
0 0 50px 0 rgba(0, 0, 0, 0.5);
&:focus {
&::after {
.focused(@boxShadow:50px, @borderRadius:12px);
}
}
}
@@ -154,7 +154,7 @@
}
}
// best sellet
// best seller
> div:nth-child(3) {
.position(@position: absolute, @top: -1px, @left: 18px);
.flex(@direction: column, @justifyCenter: space-between);
@@ -173,10 +173,10 @@
}
/* focused */
&:focus-within {
border: solid 1px @PRIMARY_COLOR_RED;
box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED,
0 0 50px 0 rgba(0, 0, 0, 0.5);
&:focus {
&::after {
.focused(@boxShadow:50px, @borderRadius:12px);
}
// best seller
div:nth-child(3) {