gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

디즈니 전용관 작업 중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-10-02 00:29:08 +09:00
parent 0b4c92797a
commit 92a1a58463
4 changed files with 105 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
kr/assets/css/promotion.css
View File

@@ -97,6 +97,10 @@
padding: 1rem 2rem;
background-color: #fff;
z-index: 100;
/* Webkit browsers (Chrome, Safari, etc.) */
}
#promotion .tabNavigation::-webkit-scrollbar {
display: none;
}
@media (min-width: 768px) {
#promotion .tabNavigation {
@@ -132,21 +136,11 @@
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem {
position: relative;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:after {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
background-color: transparent;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 3rem;
text-decoration: none;
color: #666;
@@ -161,18 +155,29 @@
padding: 0 1.6rem;
}
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink:after {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
background-color: transparent;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink:hover {
color: #05141f;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:last-child {
padding-right: 2rem;
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:last-child .tabLink {
margin-right: 2rem;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active .tabLink {
color: #05141f;
font-weight: 600;
border-bottom-color: #05141f;
}
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active:after {
#promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active .tabLink:after {
background-color: #05141f;
}
#promotion .tabContentArea {
@@ -760,11 +765,12 @@
}
}
#promotion .more-features .features-list .swiper {
padding-left: 2rem;
overflow: visible;
padding: 0 2rem;
}
@media (min-width: 768px) {
#promotion .more-features .features-list .swiper {
padding-left: 0;
padding: 0;
}
}
#promotion .more-features .features-list .swiper-slide {

2
kr/assets/css/promotion.css.map
View File

File diff suppressed because one or more lines are too long

43
kr/assets/css/promotion.scss
View File

@@ -82,6 +82,11 @@ $KiaBlack: #05141f;
padding: 1rem 2rem;
background-color: #fff;
z-index: 100;
/* Webkit browsers (Chrome, Safari, etc.) */
&::-webkit-scrollbar {
display: none;
}
@include tablet {
height: 5.4rem;
padding: 0;
@@ -110,21 +115,11 @@ $KiaBlack: #05141f;
gap: 1.4rem;
.tabItem {
position: relative;
&:after {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
background-color: transparent;
}
.tabLink {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 3rem;
text-decoration: none;
color: #666;
@@ -136,21 +131,34 @@ $KiaBlack: #05141f;
height: 5.4rem;
padding: 0 1.6rem;
}
&:after {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
background-color: transparent;
}
&:hover {
color: $KiaBlack;
}
}
&:last-child {
padding-right: 2rem;
.tabLink {
margin-right: 2rem;
}
}
&.active {
.tabLink {
color: $KiaBlack;
font-weight: 600;
border-bottom-color: $KiaBlack;
}
&:after {
background-color: $KiaBlack;
&:after {
background-color: $KiaBlack;
}
}
}
}
@@ -731,9 +739,10 @@ $KiaBlack: #05141f;
margin-bottom: 8rem;
}
.swiper {
padding-left: 2rem;
overflow: visible;
padding: 0 2rem;
@include tablet {
padding-left: 0;
padding: 0;
}
}
.swiper-slide {