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

- 검색후 제거하였습니다.

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

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

com.twin.app.shoptime/src/components/TDropDown/TDropDown.module.less

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

com.twin.app.shoptime/src/components/TIconButton/TIconButton.module.less

@@ -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);

com.twin.app.shoptime/src/components/TInput/TInput.module.less

@@ -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;

com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less

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

com.twin.app.shoptime/src/components/TopButton/TopButton.module.less

@@ -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");
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -11,10 +11,7 @@
     background-position: center center;
     cursor: pointer;
     z-index: 1;
-    &:focus,
+    &:focus {
-    &:focus-within,
-    &:hover,
-    &:active {
       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 {
-    &:focus-within,
-    &:hover,
-    &:active {
       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 {
-      &:focus-within,
-      &:hover,
-      &:active {
         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 {
-      &:focus-within,
-      &:hover,
-      &:active {
         background-image: url("../../../../assets/icon/button_icon/btn_next_thumb_foc.png");
       }
     }

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

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

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

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

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

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

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

@@ -11,10 +11,7 @@
   font-family: @baseFontBold;
   margin-right: 18px;
   position: relative;
-  &:focus,
+  &:focus {
-  &:hover,
-  &:focus-within,
-  &:active {
     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,
+  &:focus {
-  &:hover,
-  &:focus-within,
-  &:active {
     border: 4px solid @PRIMARY_COLOR_RED;
     box-sizing: border-box;
     .focused(@boxShadow: 22px, @borderRadius: 12px);

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

@@ -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,
+  &:focus {
-  &:hover,
-  &:focus-within,
-  &:active {
     .focused(@boxShadow: 22px, @borderRadius: 12px);
     background-image: url("../../../../assets/icon/button_icon/ic-more-sel.svg");
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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);

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

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

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

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

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

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

com.twin.app.shoptime/src/views/WelcomeEventPanel/WelcomeEventPanel.module.less

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