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%; | 
				
			||||
  font-family: numeralLight; | 
				
			||||
  img{ | 
				
			||||
  img { | 
				
			||||
    height: 100px; | 
				
			||||
    width: 70px; | 
				
			||||
    border-radius: 10px; | 
				
			||||
  } | 
				
			||||
  &__info{ | 
				
			||||
  &__info { | 
				
			||||
    width: 100%; | 
				
			||||
    margin-left: 10px; | 
				
			||||
    strong, p , span{ | 
				
			||||
    strong, | 
				
			||||
    p, | 
				
			||||
    span { | 
				
			||||
      margin: 0px; | 
				
			||||
      font-family: numeralLight; | 
				
			||||
    } | 
				
			||||
    p{ | 
				
			||||
      color: #00CC69; | 
				
			||||
    p { | 
				
			||||
      color: #00cc69; | 
				
			||||
    } | 
				
			||||
    span{ | 
				
			||||
      color: #2580EC; | 
				
			||||
    span { | 
				
			||||
      color: #2580ec; | 
				
			||||
    } | 
				
			||||
    &--delete{ | 
				
			||||
    &--delete { | 
				
			||||
      margin-top: 10px; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
   | 
				
			||||
} | 
				
			||||
 | 
				
			||||
.mobile-cart-table-price{ | 
				
			||||
.mobile-cart-table-price { | 
				
			||||
  text-align: center; | 
				
			||||
  font-family: numeralLight; | 
				
			||||
  &__price{ | 
				
			||||
    strong, span{ | 
				
			||||
  &__price { | 
				
			||||
    strong, | 
				
			||||
    span { | 
				
			||||
      font-family: numeralLight; | 
				
			||||
    } | 
				
			||||
    strong{ | 
				
			||||
      color: #4D4D4F; | 
				
			||||
    strong { | 
				
			||||
      color: #4d4d4f; | 
				
			||||
    } | 
				
			||||
    span{ | 
				
			||||
      color: #4D4D4F; | 
				
			||||
    span { | 
				
			||||
      color: #4d4d4f; | 
				
			||||
      letter-spacing: -1px; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
  &__info{ | 
				
			||||
    strong, p , span{ | 
				
			||||
  &__info { | 
				
			||||
    strong, | 
				
			||||
    p, | 
				
			||||
    span { | 
				
			||||
      margin: 0px; | 
				
			||||
      font-family: numeralLight; | 
				
			||||
    } | 
				
			||||
    p{ | 
				
			||||
      color: #00CC69; | 
				
			||||
    p { | 
				
			||||
      color: #00cc69; | 
				
			||||
    } | 
				
			||||
    span{ | 
				
			||||
      color: #2580EC; | 
				
			||||
    span { | 
				
			||||
      color: #2580ec; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
  &__counter{ | 
				
			||||
  &__counter { | 
				
			||||
    padding: 5px 5px; | 
				
			||||
    border: 1px solid rgb(177, 177, 177); | 
				
			||||
    border-radius: 8px; | 
				
			||||
    margin-top: 10px; | 
				
			||||
    button{ | 
				
			||||
    button { | 
				
			||||
      border: 0px; | 
				
			||||
      background-color: white; | 
				
			||||
      color: #4D4D4F; | 
				
			||||
      color: #4d4d4f; | 
				
			||||
      &:focus { | 
				
			||||
        outline: none; | 
				
			||||
      } | 
				
			||||
    } | 
				
			||||
    span{ | 
				
			||||
    span { | 
				
			||||
      margin: 0px 15px; | 
				
			||||
      color: #4D4D4F; | 
				
			||||
 | 
				
			||||
      color: #4d4d4f; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
} | 
				
			||||
 | 
				
			||||
.MuiTableCell-root{ | 
				
			||||
.MuiTableCell-root { | 
				
			||||
  padding: 10px 0px !important; | 
				
			||||
  font-family: numeralLight !important; | 
				
			||||
} | 
				
			||||
 | 
				
			||||
.cart-item{ | 
				
			||||
.cart-item { | 
				
			||||
  // justify-content: space-between; | 
				
			||||
  border-top: 1px solid #eee; | 
				
			||||
  padding: 15px 0px; | 
				
			||||
  &__info{ | 
				
			||||
  &__info { | 
				
			||||
    // flex-shrink: 1; | 
				
			||||
    img{ | 
				
			||||
    img { | 
				
			||||
      height: 100px; | 
				
			||||
      border-radius: 10px; | 
				
			||||
      margin-left: 10px; | 
				
			||||
    } | 
				
			||||
    div{ | 
				
			||||
      strong{ | 
				
			||||
    div { | 
				
			||||
      strong { | 
				
			||||
        font-family: numeralBold; | 
				
			||||
        color: #373737; | 
				
			||||
      } | 
				
			||||
      p{ | 
				
			||||
      p { | 
				
			||||
        font-family: numeralLight; | 
				
			||||
        color: #00CC69; | 
				
			||||
        color: #00cc69; | 
				
			||||
        margin: 0px; | 
				
			||||
        letter-spacing: -1px; | 
				
			||||
      } | 
				
			||||
      span{ | 
				
			||||
      span { | 
				
			||||
        font-family: numeralLight; | 
				
			||||
        color: #2580EC; | 
				
			||||
        color: #2580ec; | 
				
			||||
        letter-spacing: -1px; | 
				
			||||
      } | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
  &__price{ | 
				
			||||
    color: #4D4D4F; | 
				
			||||
    strong{ | 
				
			||||
  &__price { | 
				
			||||
    color: #4d4d4f; | 
				
			||||
    strong { | 
				
			||||
      font-family: numeralBold; | 
				
			||||
    } | 
				
			||||
    span{ | 
				
			||||
    span { | 
				
			||||
      font-family: numeralLight; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
  &__counter{ | 
				
			||||
    justify-content:  center; | 
				
			||||
    &--box{ | 
				
			||||
  &__counter { | 
				
			||||
    justify-content: center; | 
				
			||||
    &--box { | 
				
			||||
      padding: 5px 10px; | 
				
			||||
      border: 1px solid rgb(177, 177, 177); | 
				
			||||
      border-radius: 8px; | 
				
			||||
      button{ | 
				
			||||
      button { | 
				
			||||
        border: 0px; | 
				
			||||
        background-color: white; | 
				
			||||
        color: #4D4D4F; | 
				
			||||
        color: #4d4d4f; | 
				
			||||
        &:focus { | 
				
			||||
          outline: none; | 
				
			||||
        } | 
				
			||||
      } | 
				
			||||
      span{ | 
				
			||||
      span { | 
				
			||||
        margin: 0px 15px; | 
				
			||||
        color: #4D4D4F; | 
				
			||||
 | 
				
			||||
        color: #4d4d4f; | 
				
			||||
      } | 
				
			||||
    } | 
				
			||||
     | 
				
			||||
  } | 
				
			||||
  &__delete{ | 
				
			||||
  &__delete { | 
				
			||||
    margin-left: 20px; | 
				
			||||
    span{ | 
				
			||||
    span { | 
				
			||||
      font-family: numeralLight; | 
				
			||||
      color : #FC120A; | 
				
			||||
      color: #fc120a; | 
				
			||||
    } | 
				
			||||
  } | 
				
			||||
} | 
				
			||||
} | 
				
			||||
 | 
				
			||||
					Loading…
					
					
				
		Reference in new issue