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

[All] Focus-within, Hover, Active 가상선택자 제거.

Browse Source 
- 검색후 제거하였습니다.
This commit is contained in:
junghoon86.park
2024-02-16 17:50:56 +09:00
parent 99d5a9daaf
commit 11d6e93f42
31 changed files with 23 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
com.twin.app.shoptime/src/components/TButtonTab/TButtonTabItem.module.less
View File

@@ -34,7 +34,6 @@
}
}
&:focus-within,
&:focus {
background-color: @PRIMARY_COLOR_RED;
border-color: @PRIMARY_COLOR_RED;

1
com.twin.app.shoptime/src/components/TDropDown/TDropDown.module.less
View File

@@ -64,7 +64,6 @@
> div {
padding: 0 15px !important;
&:focus-within,
&:focus {
background-color: var(
--list-item-focus-background-color

2
com.twin.app.shoptime/src/components/TIconButton/TIconButton.module.less
View File

@@ -16,7 +16,6 @@
width: 47px;
height: 92px;
&:focus-within,
&:focus {
background-position: center bottom;
transform: scale(1.2);
@@ -30,7 +29,6 @@
width: 47px;
height: 92px;
&:focus-within,
&:focus {
background-position: center bottom;
transform: scale(1.2);

4
com.twin.app.shoptime/src/components/TInput/TInput.module.less
View File

@@ -16,8 +16,6 @@
background-color: #fff !important;
width: 100% !important;
&:focus-within,
&:hover,
&:focus {
box-shadow: 0 0 0 2px #fefefe inset;
border: 5px solid @PRIMARY_COLOR_RED;
@@ -53,8 +51,6 @@
transform: translateY(-50%);
background-image: url("../../../assets/searchpanel/ico_search_submit.png");
&:focus-within,
&:hover,
&:focus {
width: 43px;
height: 43px;

2
com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less
View File

@@ -124,8 +124,6 @@
align-items: center;
display: flex;
&:focus-within,
&:hover,
&:focus {
background: @PRIMARY_COLOR_RED;
color: @COLOR_WHITE;

1
com.twin.app.shoptime/src/components/TopButton/TopButton.module.less
View File

@@ -12,7 +12,6 @@
background-image: url("../../../assets/button/120x120/btn-top-nor.svg");
/* focuesd */
&:focus-within,
&:focus {
background-image: url("../../../assets/button/120x120/btn-top-foc.svg");
}

1
com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ShowContents/ShowContents.module.less
View File

@@ -26,7 +26,6 @@
width: 100%;
height: 100%;
}
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px, @borderRadius: 12px);

1
com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ShowContents/ShowLists/ShowListsItem.module.less
View File

@@ -31,7 +31,6 @@
}
}
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px, @borderRadius: 12px);

1
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveVideoCard/LiveVideoCard.module.less
View File

@@ -64,7 +64,6 @@
}
/* focused */
&:focus-within,
&:focus {
&::after {
.focused(@borderRadius: 12px);

1
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenu/QuickMenuItem/QuickMenuItem.module.less
View File

@@ -33,7 +33,6 @@
}
/* focused */
&:focus-within,
&:focus {
border-radius: 100%;
.focusDropShadow();

1
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less
View File

@@ -104,7 +104,6 @@
}
/* focused */
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px, @borderRadius: 12px);

1
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComingList/UpComingCard/UpComingCard.module.less
View File

@@ -62,7 +62,6 @@
}
/* normal focused */
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px, @borderRadius: 12px);

5
com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.module.less
View File

@@ -32,10 +32,7 @@
background-size: 66px 66px;
background-position: center center;
background-repeat: no-repeat;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius:12px);
box-sizing: border-box;
background-image: url("../../../../assets/icon/button_icon/ic-more-sel.svg");

20
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.module.less
View File

@@ -11,10 +11,7 @@
background-position: center center;
cursor: pointer;
z-index: 1;
&:focus,
&:focus-within,
&:hover,
&:active {
&:focus {
background-image: url("../../../../assets/icon/button_icon/btn_prev_thumb_foc.png");
}
}
@@ -26,10 +23,7 @@
background-position: center center;
cursor: pointer;
z-index: 1;
&:focus,
&:focus-within,
&:hover,
&:active {
&:focus {
background-image: url("../../../../assets/icon/button_icon/btn_next_thumb_foc.png");
}
}
@@ -41,10 +35,7 @@
background-size: 42px 42px;
background-position: center center;
z-index: 1;
&:focus,
&:focus-within,
&:hover,
&:active {
&:focus {
background-image: url("../../../../assets/icon/button_icon/btn_prev_thumb_foc.png");
}
}
@@ -55,10 +46,7 @@
background-size: 42px 42px;
background-position: center center;
z-index: 1;
&:focus,
&:focus-within,
&:hover,
&:active {
&:focus {
background-image: url("../../../../assets/icon/button_icon/btn_next_thumb_foc.png");
}
}

35
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/Template.module.less
View File

@@ -25,10 +25,7 @@
margin-bottom: 18px;
border-radius: 12px;
.border-solid(@size:4px, @color:transparent);
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
}
@@ -36,10 +33,7 @@
.size(@w: 744px, @h: 420px);
.border-solid(@size:4px, @color:transparent);
border-radius: 12px;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
}
@@ -49,10 +43,7 @@
.size(@w: 744px, @h: 420px);
margin: 0 18px 18px 0;
.border-solid(@size:4px, @color:transparent);
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
border-radius: 12px;
}
@@ -67,10 +58,7 @@
.size(@w: 744px, @h: 420px);
border-radius: 12px;
.border-solid(@size:4px, @color:transparent);
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
}
@@ -80,10 +68,7 @@
.border-solid(@size:4px, @color:transparent);
border-radius: 12px;
margin-right: 18px;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
}
@@ -91,10 +76,7 @@
.banner04 {
.size(@w: 486px, @h: 858px);
.border-solid(@size:4px, @color:transparent);
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
}
@@ -143,10 +125,7 @@
.border-solid(@size:4px, @color:transparent);
margin-right: 18px;
border-radius: 12px;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
img {

5
com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSaleItem/HomeOnSaleItem.module.less
View File

@@ -7,10 +7,7 @@
overflow: hidden;
margin-right: 18px;
.border-solid(@size:4px, @color:transparent);
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
}

5
com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.module.less
View File

@@ -28,10 +28,7 @@
background-size: 66px 66px;
background-position: center center;
background-repeat: no-repeat;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.border-solid(@size:4px, @color:@PRIMARY_COLOR_RED);
border-radius: 12px;
background-image: url("../../../../assets/icon/button_icon/ic-more-sel.svg");

10
com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShowItem/PopularShowItem.module.less
View File

@@ -11,10 +11,7 @@
font-family: @baseFontBold;
margin-right: 18px;
position: relative;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
border: 4px solid @PRIMARY_COLOR_RED;
box-sizing: border-box;
.focused(@boxShadow: 22px, @borderRadius: 12px);
@@ -59,10 +56,7 @@
.border-solid(@size:4px,@color:transparent);
font-weight: bold;
font-family: @baseFontBold;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
border: 4px solid @PRIMARY_COLOR_RED;
box-sizing: border-box;
.focused(@boxShadow: 22px, @borderRadius: 12px);

11
com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.module.less
View File

@@ -16,6 +16,11 @@
overflow: unset;
> div {
overflow: unset !important;
> div {
> div {
margin-right: -200px;
}
}
}
&:last-child {
padding-right: 31px;
@@ -24,6 +29,7 @@
.addItem {
.size(@w: 198px, @h: 438px);
background-color: @COLOR_WHITE;
.border-solid(@size:1px, @color:#e4e4e4);
border-radius: 12px;
@@ -31,10 +37,7 @@
background-size: 66px 66px;
background-position: center center;
background-repeat: no-repeat;
&:focus,
&:hover,
&:focus-within,
&:active {
&:focus {
.focused(@boxShadow: 22px, @borderRadius: 12px);
background-image: url("../../../../assets/icon/button_icon/ic-more-sel.svg");
}

1
com.twin.app.shoptime/src/views/HotPicksPanel/HotPicks.module.less
View File

@@ -37,7 +37,6 @@
display: flex;
> li {
position: relative;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCFI/TCFI.module.less
View File

@@ -3,7 +3,6 @@
.fullImg {
position: relative;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCFV/TCFV.module.less
View File

@@ -3,7 +3,6 @@
.fullImg {
position: relative;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCFV_3/TCFV_3.module.less
View File

@@ -8,7 +8,6 @@
> div {
width: 1414px;
position: relative;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCHH/TCHH.module.less
View File

@@ -12,7 +12,6 @@
display: flex;
align-items: center;
justify-content: center;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less
View File

@@ -59,7 +59,6 @@
}
position: relative;
&:focus-within,
&:focus {
&::after {
.focused();

1
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less
View File

@@ -43,7 +43,6 @@
.elip(@clamp: 1);
position: relative;
&:focus-within,
&:focus {
color: @PRIMARY_COLOR_RED;
&::after {

1
com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less
View File

@@ -40,7 +40,6 @@
overflow: unset;
}
&:focus-within,
&:focus {
box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED,
0 0 50px 0 rgba(11, 8, 8, 0.5);

1
com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchItemResults/SearchItemCard/SearchItemCard.module.less
View File

@@ -51,7 +51,6 @@
}
}
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px);

1
com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchShowResults/SearchShowCard/SearchShowCard.module.less
View File

@@ -41,7 +41,6 @@
padding: 0 15px;
}
&:focus-within,
&:focus {
border: 4px solid @PRIMARY_COLOR_RED;
background-color: @COLOR_WHITE;

1
com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchThemeResults/SearchThemeCard/SearchThemeCard.module.less
View File

@@ -35,7 +35,6 @@
}
}
&:focus-within,
&:focus {
&::after {
.focused(@boxShadow: 22px);

3
com.twin.app.shoptime/src/views/WelcomeEventPanel/WelcomeEventPanel.module.less
View File

@@ -49,9 +49,6 @@
.termsBtn {
width: 440px;
height: 80px;
&:hover,
&:active,
&:focus-within,
&:focus {
color: @PRIMARY_COLOR_RED;
}