@@ -375,3 +375,53 @@
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.product-detail-specs {
|
||||
margin: 12px 0 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.product-detail-spec-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.product-detail-spec-label {
|
||||
font-size: 13px;
|
||||
color: var(--color-on-surface-variant, #666);
|
||||
}
|
||||
|
||||
.product-detail-spec-chips {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.product-detail-spec-chip {
|
||||
padding: 6px 14px;
|
||||
border-radius: 8px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.product-detail-spec-chip.is-active {
|
||||
background: rgba(166, 29, 36, 0.08);
|
||||
border-color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.product-detail-spec-chip.is-disabled {
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
.product-detail-spec-chip-text {
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.product-detail-spec-chip.is-active .product-detail-spec-chip-text {
|
||||
color: var(--color-heritage-red);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user