display available size collection list

Store Design
, ,
21

here is the updated css

.ancvariants {
    display: flex;
    gap: 3px;
    align-items: center;
    justify-content: left;
flex-wrap: wrap;
    margin-bottom: 10px;
}
.ancvariants a {
    color: #000;
    border: 1px solid grey;
    padding: 10px;
    text-decoration: none!important;
    width: 35px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 2px;
font-size: calc(var(--font-heading-scale) * 1.3rem);
}
.ancvariants a:hover {
    background: #000;
    color: #fff;
}
.ancvariants a.outstock {
    border-color: rgba(var(--color-foreground), .1);
    color: rgba(var(--color-foreground), .6);
    text-decoration: line-through !important;
}
.ancvariants a.outstock:hover {
   
    color: #fff;
}
.card__information {
    padding-bottom: 0;
}
@media only screen and (max-width: 768px){
 slider-component .ancvariants a{
padding: 2px;
}
}
2 Likes