yoda-common-boilerplate/src/molecules/ProductCard/ProductCard.css

Repository of all JCP reusable atoms, molecules and organisms

@import 'base/base.css';

h6 {
  margin: 0;
  padding: 0;
}

.galleryProduct {
  font-family: var(--main-font);
  display: inline-block;
  width: 225px;
}

@media all and (max-device-width: 500px) {
  .galleryProduct {
    width: 49%;
  }
}

.title {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.imgBlock {
  text-align: center;
}

.detailsWrapper {
  padding: 0.5rem;
}

.titleLink {
  text-decoration: none;
  color: #333;
  text-transform: capitalize;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.swatches {
  list-style: none;
  margin: 0;
  padding: 0;
}

.swatches .swatchesInfo {
  width: 100%;
  text-align: center;
  font-size: 0.59375rem;
  max-width: 100%;
  text-transform: uppercase;
  min-height: 17px;
  padding: 0.5rem 0;
  margin: 0 0.1875rem 0 0;
}

.swatches img,
.swatches span {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  margin-right: 0.4375rem;
}

.pricing {

}

.pricing .price {
  font-weight: 500;
  font-size: 0.875rem;
  color: #c00;
}

.pricing .strike {
  font-weight: 300;
  font-size: 0.6875rem;
  text-decoration: line-through;
  color: #666;
}