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

인카게임 추가

Browse Source
This commit is contained in:
hyeonggil
2024-04-02 09:26:01 +09:00
parent 5c46a5e3de
commit 77b020ccc5
18 changed files with 195 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
assets/css/pdp_detail.scss
View File

@@ -2106,19 +2106,30 @@
max-width: 192rem;
img {
width: 100%;
&.mobile {display: none;}
@include maxtablet{
&.web {display: none;}
&.mobile {
display: block;
object-fit: initial;
height: auto;
}
}
}
&:after {
content:"";
display: block;
position: absolute;
bottom:0;
left:0;
z-index: 2;
width: 100%;
height: 60%;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%);
}
// &:after {
// content:"";
// display: block;
// position: absolute;
// bottom:0;
// left:0;
// z-index: 2;
// width: 100%;
// height: 60%;
// background: rgb(255,255,255);
// background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%);
// }
}
&.comp_wide {
@@ -2126,13 +2137,24 @@
&.layer_up {
.text_area {
margin-top:7rem;
.info {
line-height: 1.5;
br {
display: none;
@include maxtablet{
display: block;
}
}
}
}
}
.text_area {
@include maxtablet{
margin-top: 4rem !important;
margin-top: 6rem;
h3 {
font-size: 3rem;
line-height: 4rem;
}
.info {
font-size: 1.4rem;
@@ -2155,7 +2177,7 @@
}
@include maxtablet{
// max-height: 22rem;
padding:2rem 0;
padding:0;
}
.com_bottm_inner {
display: flex;
@@ -2200,13 +2222,15 @@
}
.swiper-wrapper {
width: 100%;
transition-timing-function : linear;
.swiper-slide {
width: 16.6rem !important;
padding:6px;
border:2px solid transparent;
cursor: pointer;
@include maxtablet{
width: 8rem !important;
width: 18rem !important;
padding:.8rem;
}
&:first-child {
@media(max-width: 1240px){
@@ -2224,7 +2248,7 @@
text-transform: uppercase;
text-align: left;
@media(max-width: 768px){
margin-top: 2rem;
margin-top: .5rem;
}
}
&.active {
@@ -2238,7 +2262,12 @@
}
.comp_top {
z-index: 2;
height: 46rem;
// height: 46rem;
height: 27.5vw;
max-height: 529px;
@include maxtablet{
height: 43.9rem;
}
.comp_body {
.text_area {
// display: flex;
@@ -2321,28 +2350,50 @@
&+.comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top:9rem;
margin-top:8rem;
@include maxtablet{
margin-top: 7.5rem;
}
.image_area {
height: auto;
border-radius: 0.8rem;
img {
display: block;
border-radius: 0.8rem;
overflow: hidden;
}
}
@include maxtablet{
margin-top:5rem;
margin-top:4rem;
}
.dtlImgs {
.text_area {
margin-top:3.2rem;
}
}
}
.comp_body .text_area h5 {
font-size: 3rem;
}
.inCarGameDtl {
overflow: hidden;
border-radius: 0.8rem;
.swiper-slide {
cursor: pointer;
}
}
.inCarGameDtlThumb {
margin-top: .7rem;
.swiper-slide {
position: relative;
border-radius: 0.8rem;
cursor: pointer;
img {
display: block;
max-width: 100%;
border-radius: 0.8rem;
overflow: hidden;
}
&:after {
content:"";