parent
							
								
									75016e9540
								
							
						
					
					
						commit
						13345793e6
					
				
				 8 changed files with 182 additions and 141 deletions
			
			
		@ -1,142 +1,150 @@ | 
				
			|||||||
.mobile-cart-table-product{ | 
					.mobile-cart-table-product { | 
				
			||||||
  width: 100%; | 
					  width: 100%; | 
				
			||||||
  font-family: numeralLight; | 
					  font-family: numeralLight; | 
				
			||||||
  img{ | 
					  img { | 
				
			||||||
    height: 100px; | 
					    height: 100px; | 
				
			||||||
    width: 70px; | 
					    width: 70px; | 
				
			||||||
    border-radius: 10px; | 
					    border-radius: 10px; | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__info{ | 
					  &__info { | 
				
			||||||
    width: 100%; | 
					    width: 100%; | 
				
			||||||
    margin-left: 10px; | 
					    margin-left: 10px; | 
				
			||||||
    strong, p , span{ | 
					    strong, | 
				
			||||||
 | 
					    p, | 
				
			||||||
 | 
					    span { | 
				
			||||||
      margin: 0px; | 
					      margin: 0px; | 
				
			||||||
      font-family: numeralLight; | 
					      font-family: numeralLight; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    p{ | 
					    p { | 
				
			||||||
      color: #00CC69; | 
					      color: #00cc69; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      color: #2580EC; | 
					      color: #2580ec; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    &--delete{ | 
					    &--delete { | 
				
			||||||
      margin-top: 10px; | 
					      margin-top: 10px; | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
   | 
					 | 
				
			||||||
} | 
					} | 
				
			||||||
 | 
					
 | 
				
			||||||
.mobile-cart-table-price{ | 
					.mobile-cart-table-price { | 
				
			||||||
  text-align: center; | 
					  text-align: center; | 
				
			||||||
  font-family: numeralLight; | 
					  font-family: numeralLight; | 
				
			||||||
  &__price{ | 
					  &__price { | 
				
			||||||
    strong, span{ | 
					    strong, | 
				
			||||||
 | 
					    span { | 
				
			||||||
      font-family: numeralLight; | 
					      font-family: numeralLight; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    strong{ | 
					    strong { | 
				
			||||||
      color: #4D4D4F; | 
					      color: #4d4d4f; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      color: #4D4D4F; | 
					      color: #4d4d4f; | 
				
			||||||
      letter-spacing: -1px; | 
					      letter-spacing: -1px; | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__info{ | 
					  &__info { | 
				
			||||||
    strong, p , span{ | 
					    strong, | 
				
			||||||
 | 
					    p, | 
				
			||||||
 | 
					    span { | 
				
			||||||
      margin: 0px; | 
					      margin: 0px; | 
				
			||||||
      font-family: numeralLight; | 
					      font-family: numeralLight; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    p{ | 
					    p { | 
				
			||||||
      color: #00CC69; | 
					      color: #00cc69; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      color: #2580EC; | 
					      color: #2580ec; | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__counter{ | 
					  &__counter { | 
				
			||||||
    padding: 5px 5px; | 
					    padding: 5px 5px; | 
				
			||||||
    border: 1px solid rgb(177, 177, 177); | 
					    border: 1px solid rgb(177, 177, 177); | 
				
			||||||
    border-radius: 8px; | 
					    border-radius: 8px; | 
				
			||||||
    margin-top: 10px; | 
					    margin-top: 10px; | 
				
			||||||
    button{ | 
					    button { | 
				
			||||||
      border: 0px; | 
					      border: 0px; | 
				
			||||||
      background-color: white; | 
					      background-color: white; | 
				
			||||||
      color: #4D4D4F; | 
					      color: #4d4d4f; | 
				
			||||||
 | 
					      &:focus { | 
				
			||||||
 | 
					        outline: none; | 
				
			||||||
 | 
					      } | 
				
			||||||
    } | 
					    } | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      margin: 0px 15px; | 
					      margin: 0px 15px; | 
				
			||||||
      color: #4D4D4F; | 
					      color: #4d4d4f; | 
				
			||||||
 | 
					 | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
} | 
					} | 
				
			||||||
 | 
					
 | 
				
			||||||
.MuiTableCell-root{ | 
					.MuiTableCell-root { | 
				
			||||||
  padding: 10px 0px !important; | 
					  padding: 10px 0px !important; | 
				
			||||||
 | 
					  font-family: numeralLight !important; | 
				
			||||||
} | 
					} | 
				
			||||||
 | 
					
 | 
				
			||||||
.cart-item{ | 
					.cart-item { | 
				
			||||||
  // justify-content: space-between; | 
					  // justify-content: space-between; | 
				
			||||||
  border-top: 1px solid #eee; | 
					  border-top: 1px solid #eee; | 
				
			||||||
  padding: 15px 0px; | 
					  padding: 15px 0px; | 
				
			||||||
  &__info{ | 
					  &__info { | 
				
			||||||
    // flex-shrink: 1; | 
					    // flex-shrink: 1; | 
				
			||||||
    img{ | 
					    img { | 
				
			||||||
      height: 100px; | 
					      height: 100px; | 
				
			||||||
      border-radius: 10px; | 
					      border-radius: 10px; | 
				
			||||||
      margin-left: 10px; | 
					      margin-left: 10px; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    div{ | 
					    div { | 
				
			||||||
      strong{ | 
					      strong { | 
				
			||||||
        font-family: numeralBold; | 
					        font-family: numeralBold; | 
				
			||||||
        color: #373737; | 
					        color: #373737; | 
				
			||||||
      } | 
					      } | 
				
			||||||
      p{ | 
					      p { | 
				
			||||||
        font-family: numeralLight; | 
					        font-family: numeralLight; | 
				
			||||||
        color: #00CC69; | 
					        color: #00cc69; | 
				
			||||||
        margin: 0px; | 
					        margin: 0px; | 
				
			||||||
        letter-spacing: -1px; | 
					        letter-spacing: -1px; | 
				
			||||||
      } | 
					      } | 
				
			||||||
      span{ | 
					      span { | 
				
			||||||
        font-family: numeralLight; | 
					        font-family: numeralLight; | 
				
			||||||
        color: #2580EC; | 
					        color: #2580ec; | 
				
			||||||
        letter-spacing: -1px; | 
					        letter-spacing: -1px; | 
				
			||||||
      } | 
					      } | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__price{ | 
					  &__price { | 
				
			||||||
    color: #4D4D4F; | 
					    color: #4d4d4f; | 
				
			||||||
    strong{ | 
					    strong { | 
				
			||||||
      font-family: numeralBold; | 
					      font-family: numeralBold; | 
				
			||||||
    } | 
					    } | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      font-family: numeralLight; | 
					      font-family: numeralLight; | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__counter{ | 
					  &__counter { | 
				
			||||||
    justify-content:  center; | 
					    justify-content: center; | 
				
			||||||
    &--box{ | 
					    &--box { | 
				
			||||||
      padding: 5px 10px; | 
					      padding: 5px 10px; | 
				
			||||||
      border: 1px solid rgb(177, 177, 177); | 
					      border: 1px solid rgb(177, 177, 177); | 
				
			||||||
      border-radius: 8px; | 
					      border-radius: 8px; | 
				
			||||||
      button{ | 
					      button { | 
				
			||||||
        border: 0px; | 
					        border: 0px; | 
				
			||||||
        background-color: white; | 
					        background-color: white; | 
				
			||||||
        color: #4D4D4F; | 
					        color: #4d4d4f; | 
				
			||||||
 | 
					        &:focus { | 
				
			||||||
 | 
					          outline: none; | 
				
			||||||
 | 
					        } | 
				
			||||||
      } | 
					      } | 
				
			||||||
      span{ | 
					      span { | 
				
			||||||
        margin: 0px 15px; | 
					        margin: 0px 15px; | 
				
			||||||
        color: #4D4D4F; | 
					        color: #4d4d4f; | 
				
			||||||
 | 
					 | 
				
			||||||
      } | 
					      } | 
				
			||||||
    } | 
					    } | 
				
			||||||
     | 
					 | 
				
			||||||
  } | 
					  } | 
				
			||||||
  &__delete{ | 
					  &__delete { | 
				
			||||||
    margin-left: 20px; | 
					    margin-left: 20px; | 
				
			||||||
    span{ | 
					    span { | 
				
			||||||
      font-family: numeralLight; | 
					      font-family: numeralLight; | 
				
			||||||
      color : #FC120A; | 
					      color: #fc120a; | 
				
			||||||
    } | 
					    } | 
				
			||||||
  } | 
					  } | 
				
			||||||
} | 
					} | 
				
			||||||
					Loading…
					
					
				
		Reference in new issue