product-box mixin

styles.less

.product-box {
  float: left;
  margin: 20px;
  width: 400px;
  background-color: #ddd;
  box-shadow: 0 3px #cbcbcb;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  .product-box-picture {
    flex: none;
    width: 50%;
  }
  .product-box-detail {
    margin-left: 10px;
  }
  .product-box-name {
    margin-top: 10px;
  }
  .product-box-btn {
    color: white;
    background-color: #3db1a7;
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px 10px;
  }
  &:after {
    clear: left;
  }
  img {
    width: 100%;
  }
}