- caaloghi, categorie

This commit is contained in:
Surya Paolo
2024-05-08 16:07:42 +02:00
parent 84e7f6e9f4
commit 58f53f8c52
20 changed files with 704 additions and 415 deletions

103
src/components/CPrice/CPrice.scss Executable file
View File

@@ -0,0 +1,103 @@
.prod_price {
font-size: 1.1rem;
font-style: bold;
@media (max-width: 718px) {
font-size: 1rem;
}
}
.prod_sale_price {
font-size: 1.10rem;
font-style: bold;
@media (max-width: 718px) {
font-size: 1.05rem;
}
}
.prod_off_price {
font-size: 1rem;
@media (max-width: 718px) {
font-size: 0.85rem;
}
color: gray;
text-decoration: line-through;
padding-left: 8px;
}
/* ******** */
.a-price {
text-decoration: none;
position: relative;
line-height: normal
}
.a-price[data-a-strike=true]:after {
border-top: .1rem solid;
position: absolute;
content: "";
right: 0;
top: 50%;
left: 0
}
.a-price .a-price-fraction+.a-price-symbol {
left: .2em
}
.a-price .a-offscreen {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.a-price[data-a-size=mini][data-a-strike=true],.a-price[data-a-size="s"][data-a-strike=true],.a-price[data-a-size="b"][data-a-strike=true] {
display: inline-block;
text-decoration: inherit
}
.a-price[data-a-color=base] {
color: #0F1111
}
.a-price[data-a-color=price] {
color: #B12704
}
.a-price[data-a-color=secondary] {
color: #565959
}
.a-price[data-a-color=tertiary] {
color: #767676
}
.a-price[data-a-size$=plus] .a-price-fraction,.a-price[data-a-size$=plus] .a-price-symbol,.a-price[data-a-size$=l] .a-price-fraction,.a-price[data-a-size$=l] .a-price-symbol {
position: relative
}
.a-price[data-a-size$=plus] .a-price-decimal,.a-price[data-a-size$=l] .a-price-decimal {
position: absolute;
opacity: 0
}
.a-price[data-a-size=l] {
font-size: 1.3rem
}
.a-price[data-a-size=l] .a-price-symbol {
font-size: 1.1rem
}
.a-price[data-a-size=l] .a-price-fraction {
top: -.5em;
font-size: 0.8rem
}
.a-text-price {
color: inherit
}