디스카운트 표시 추가

This commit is contained in:
2024-07-02 23:03:24 +09:00
parent 0a676da6d0
commit 0eb21578fa
8 changed files with 125 additions and 17 deletions

View File

@@ -762,6 +762,24 @@
font-size: 1.4rem;
text-align: right;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
display: block;
font-size: 1.4rem;
color: #9EA1A2;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
width: 100%;
margin: 0.2rem 0 0;
}
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount b {
font-weight: 600;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount i {
font-weight: 400;
text-decoration: line-through;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio] {
visibility: hidden;
position: absolute;
@@ -780,6 +798,9 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label span .info {
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .discount {
color: #9EA1A2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn:hover label {
border: 1px solid #000;
}