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-11-04 00:02:52 +09:00
parent e53dac1da6
commit 63fcedcc4b
14 changed files with 136 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -127,7 +127,7 @@ html {
position: absolute;
left: 2rem;
bottom: 4rem;
z-index: 1;
z-index: 10;
}
#promotion .parallax-section.section1 .logo-kia img {
display: block;
@@ -148,7 +148,7 @@ html {
position: absolute;
right: 2rem;
bottom: 4rem;
z-index: 1;
z-index: 10;
}
#promotion .parallax-section.section1 .logo-disney img {
display: block;
@@ -362,6 +362,22 @@ html {
height: 100vh;
background: url("../images/kia/promotion/section1_m.jpg") no-repeat center bottom/cover;
}
#promotion .section1 .parallax-bg:after {
content: "";
display: block;
position: absolute;
top: 1px;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
background: url("../images/kia/promotion/section1_m_board.png") no-repeat center bottom/cover;
}
@media (min-width: 768px) {
#promotion .section1 .parallax-bg:after {
background: url("../images/kia/promotion/section1_board.png") no-repeat center bottom/cover;
}
}
@media (min-width: 768px) {
#promotion .section1 .parallax-bg {
height: 108rem;
@@ -369,6 +385,17 @@ html {
background: url("../images/kia/promotion/section1.jpg") no-repeat center top/cover;
}
}
#promotion .section1 .parallax-bg.reveal2:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url("../images/kia/promotion/section1_dim.png") no-repeat center/cover;
}
#promotion .section1 .section-content {
padding-top: 22.1rem;
}
@@ -380,6 +407,8 @@ html {
#promotion .section1 .section-content .content-item {
position: absolute;
top: 40vw;
left: 0;
width: 100%;
padding: 0 2rem;
font-size: 1.8rem;
font-weight: 400;
@@ -387,7 +416,8 @@ html {
}
@media (min-width: 768px) {
#promotion .section1 .section-content .content-item {
position: static;
position: absolute;
top: 11vw;
padding: 0;
font-size: 2.8rem;
}
@@ -425,6 +455,12 @@ html {
#promotion .parallax-bg-wrap .parallax-bg.bg5 {
background: url("../images/kia/promotion/section6.jpg") no-repeat center top/cover;
}
#promotion .section2 .section-content .content-item .copy {
position: static;
margin-top: 20rem;
transform: none;
text-align: center;
}
#promotion .section6 .section-content {
display: flex;
align-items: center;
@@ -1185,6 +1221,7 @@ html {
#promotion .theme-select-guide .guides-wrap .guides-section .guides-content .stay-tuned strong {
padding: 0;
font-size: 1.6rem;
font-weight: normal;
}
}
#promotion .theme-select-guide .guides-wrap .guides-section .guides-content .stay-tuned-same {

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

File diff suppressed because one or more lines are too long

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

@@ -110,7 +110,7 @@ html {
position: absolute;
left: 2rem;
bottom: 4rem;
z-index: 1;
z-index: 10;
img {
display: block;
height: 3.6rem;
@@ -127,7 +127,7 @@ html {
position: absolute;
right: 2rem;
bottom: 4rem;
z-index: 1;
z-index: 10;
img {
display: block;
height: 2.8rem;
@@ -344,11 +344,39 @@ html {
.parallax-bg {
height: 100vh;
background: url("../images/kia/promotion/section1_m.jpg") no-repeat center bottom / cover;
&:after {
content: "";
display: block;
position: absolute;
top: 1px;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
background: url("../images/kia/promotion/section1_m_board.png") no-repeat center bottom / cover;
@include tablet {
background: url("../images/kia/promotion/section1_board.png") no-repeat center bottom / cover;
}
}
@include tablet {
height: 108rem;
aspect-ratio: 1920 / 1080;
background: url("../images/kia/promotion/section1.jpg") no-repeat center top / cover;
}
&.reveal2 {
&:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url("../images/kia/promotion/section1_dim.png") no-repeat center / cover;
}
}
}
.section-content {
padding-top: 22.1rem;
@@ -358,12 +386,15 @@ html {
.content-item {
position: absolute;
top: 40vw;
left: 0;
width: 100%;
padding: 0 2rem;
font-size: 1.8rem;
font-weight: 400;
color: #fff;
@include tablet {
position: static;
position: absolute;
top: 11vw;
padding: 0;
font-size: 2.8rem;
}
@@ -410,6 +441,16 @@ html {
}
.section2 {
.section-content {
.content-item {
.copy {
position: static;
margin-top: 20rem;
transform: none;
text-align: center;
}
}
}
}
.section3 {
@@ -1185,6 +1226,7 @@ html {
strong {
padding: 0;
font-size: 1.6rem;
font-weight: normal;
}
}
}