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