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
2024-07-02 23:03:24 +09:00
parent 0a676da6d0
commit 0eb21578fa
8 changed files with 125 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/kia/kiamain.css
View File

@@ -9,6 +9,14 @@
/*반응형, 브라우저 크기가 1204px 이상일때*/
/*넓이, 높이 자동 계산함수*/
/*변수파일 import*/
@-webkit-keyframes fadein {
from {
opacity: 0.9;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0.9;
@@ -294,7 +302,7 @@
.mainProductItem .item .infoArea .infoBottom .listOtionPrice {
display: flex;
justify-content: flex-start;
align-items: center;
align-items: flex-start;
}
@media (max-width: 1024px) {
.mainProductItem .item .infoArea .infoBottom .listOtionPrice {
@@ -312,6 +320,7 @@
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl {
flex-direction: row-reverse;
justify-content: flex-end;
flex-wrap: wrap;
}
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl:not(:first-child) {
margin-top: 1rem;
@@ -353,6 +362,24 @@
color: #FFFFFF;
}
}
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd.discount {
margin: 0.6rem 0 -1.5rem;
font-size: 1.4rem;
color: #9EA1A2;
}
@media (max-width: 1024px) {
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd.discount {
width: 100%;
margin: 0.2rem 0 0;
}
}
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd.discount b {
font-weight: 600;
}
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd.discount i {
font-weight: 400;
text-decoration: line-through;
}
.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl:not(:first-child) {
margin-left: 1.5rem;
padding-left: 1.5rem;
@@ -794,6 +821,7 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -821,6 +849,7 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -830,6 +859,7 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -885,6 +915,7 @@
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem {
top: 8.7rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
left: auto;
@@ -939,6 +970,7 @@
color: #9EA1A2;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -954,6 +986,7 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on + .carlistItem {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -1210,14 +1243,16 @@
}
.mainProductList .mainProductInner ul li a:hover::before {
content: "";
animation: fadein 1s;
-webkit-animation: fadein 1s;
animation: fadein 1s;
background-image: url(/kr/assets/images/kia/producy-on.png);
z-index: 1;
background-size: cover;
}
.mainProductList .mainProductInner ul li a:hover .descript, .mainProductList .mainProductInner ul li a:hover .listImgBtn {
displaY: block;
animation: fadein 1s;
-webkit-animation: fadein 1s;
animation: fadein 1s;
}
.mainSevice {
@@ -1354,4 +1389,5 @@
margin-left: 1rem;
margin-top: 0;
}
}
}
/*# sourceMappingURL=kiamain.css.map */

2
assets/css/kia/kiamain.css.map
View File

File diff suppressed because one or more lines are too long

21
assets/css/kia/kiamain.scss
View File

@@ -251,7 +251,7 @@
.listOtionPrice {
display: flex;
justify-content: flex-start;
align-items: center;
align-items: flex-start;
@media(max-width: 1024px){
display: block;
}
@@ -264,6 +264,7 @@
@media(max-width: 1024px){
flex-direction: row-reverse;
justify-content: flex-end;
flex-wrap: wrap;
&:not(:first-child){
margin-top: 1rem;
}
@@ -301,6 +302,24 @@
color: #FFFFFF;
}
&.discount {
margin:.6rem 0 -1.5rem;
font-size: 1.4rem;
color: #9EA1A2;
@media(max-width: 1024px){
width: 100%;
margin:.2rem 0 0;
}
b {
font-weight: 600;
}
i {
font-weight: 400;
text-decoration:line-through;
}
}
}
&:not(:first-child){
margin-left: 1.5rem;