디즈니 전용관 작업 중
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user