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

Enhance Disney display theme styles: add new Pixar theme styles, including responsive design adjustments, updated color schemes, and improved layout for better user experience. Update HTML content for clarity and consistency in Korean.

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-10-21 23:44:33 +09:00
parent 63a5033128
commit 3b6a0cd82a
39 changed files with 364 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
kr/assets/css/pdp_detail.css
View File

@@ -4245,6 +4245,7 @@
padding: 0;
font-size: 1.6rem;
color: #b2b8bd;
line-height: 1.4;
}
}
.displayThemeDesney.discover-epic-design {
@@ -4290,6 +4291,37 @@
margin-bottom: 8rem;
}
}
.displayThemeDesney.discover-epic-design.pixar {
padding-top: 0;
background: #fff;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box {
padding-top: 0;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
padding: 4rem 0 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top/100% auto;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
padding: 12rem 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top/192rem auto;
}
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top {
padding-bottom: 0;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
margin-bottom: 8rem;
}
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3.color-000 {
color: #000;
}
.displayThemeDesney.discover-epic-design .comp_top {
padding: 0 2rem 2.4rem;
}
@@ -4535,6 +4567,9 @@
color: #fff;
line-height: 1.25;
}
.displayThemeDesney.discover-epic-design .tab-wrap h4.color-000 {
color: #000;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design .tab-wrap h4 {
font-size: 2.4rem;
@@ -4547,6 +4582,9 @@
line-height: 1.55;
letter-spacing: -0.025em;
}
.displayThemeDesney.discover-epic-design .tab-wrap p.color-000 {
color: #000;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design .tab-wrap p {
margin-top: 1.4rem;
@@ -4613,12 +4651,34 @@
transform: translateX(-20%);
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item {
width: 20rem;
height: 100%;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item strong {
text-align: center;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap {
padding-top: 6.4rem;
}
}
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
padding-top: 0;
margin-top: 0;
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
margin-top: 6.4rem;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu {
padding: 8rem 2rem 6.4rem;
padding: 1.6rem 2rem 1.6rem;
}
}
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu .btn-select {
@@ -4792,6 +4852,9 @@
.displayThemeDesney .three-reasons .tit-area .inner:before {
width: 1.2rem;
height: 10rem;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
}
.displayThemeDesney .three-reasons .tit-area h3 {
@@ -4805,7 +4868,7 @@
@media (min-width: 768px) {
.displayThemeDesney .three-reasons .tit-area h3 {
height: 6.4rem;
padding: 0 0.8rem;
padding: 0;
font-size: 4.8rem;
line-height: 6.4rem;
}

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

File diff suppressed because one or more lines are too long

64
kr/assets/css/pdp_detail.scss
View File

@@ -4819,6 +4819,7 @@
padding: 0;
font-size: 1.6rem;
color: #b2b8bd;
line-height: 1.4;
}
}
}
@@ -4867,6 +4868,34 @@
}
}
}
&.pixar {
padding-top: 0;
background: #fff;
.tab-box {
padding-top: 0;
.discover-area {
padding: 4rem 0 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top / 100% auto;
@include tablet {
padding: 12rem 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top / 192rem auto;
}
> .comp_top {
padding-bottom: 0;
h3 {
margin-bottom: 4.8rem;
@include tablet {
margin-bottom: 8rem;
}
&.color-000 {
color: #000;
}
}
}
}
}
}
.comp_top {
padding: 0 2rem 2.4rem;
@@ -5136,7 +5165,9 @@
font-weight: 600;
color: #fff;
line-height: 1.25;
&.color-000 {
color: #000;
}
@include tablet {
font-size: 2.4rem;
}
@@ -5148,7 +5179,9 @@
color: #fff;
line-height: 1.55;
letter-spacing: -0.025em;
&.color-000 {
color: #000;
}
@include tablet {
margin-top: 1.4rem;
font-size: 1.6rem;
@@ -5218,18 +5251,38 @@
}
}
}
&.stay-tuned-item {
@include tablet {
width: 20rem;
height: 100%;
}
strong {
@include tablet {
text-align: center;
}
}
}
}
}
}
}
&.discover-epic-design {
.tab-wrap {
@include tablet {
padding-top: 6.4rem;
}
.tab-box {
padding-top: 0;
margin-top: 0;
@include tablet {
margin-top: 6.4rem;
}
}
.tab-menu {
@include tablet {
padding: 8rem 2rem 6.4rem;
// padding: 8rem 2rem 6.4rem;
padding: 1.6rem 2rem 1.6rem;
}
.btn-select {
overflow: hidden;
@@ -5421,6 +5474,9 @@
@include tablet {
width: 1.2rem;
height: 10rem;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
}
}
@@ -5435,7 +5491,7 @@
@include tablet {
height: 6.4rem;
padding: 0 0.8rem;
padding: 0;
font-size: 4.8rem;
line-height: 6.4rem;
}