parent
09bb0f0ed6
commit
73f4f7ad3d
52 changed files with 470 additions and 430 deletions
@ -1,64 +1,64 @@ |
|||||||
.scroll-my-product{ |
.scroll-my-product { |
||||||
padding: 10px; |
padding: 10px; |
||||||
background-color: #eee; |
background-color: #eee; |
||||||
a{ |
a { |
||||||
width : 100%; |
width: 100%; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
&:hover{ |
&:hover { |
||||||
} |
} |
||||||
img{ |
img { |
||||||
width: 100%; |
width: 100%; |
||||||
height: 150px; |
height: 150px; |
||||||
border-top-left-radius: 15px; |
border-top-left-radius: 15px; |
||||||
border-top-right-radius: 15px; |
border-top-right-radius: 15px; |
||||||
} |
} |
||||||
h1{ |
h1 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
margin-top: 5px; |
margin-top: 5px; |
||||||
font-size: calc(100vw / 34); |
font-size: calc(100vw / 34); |
||||||
color: #7dc241; |
color: #7dc241; |
||||||
letter-spacing: -1px; |
letter-spacing: -1px; |
||||||
} |
} |
||||||
h2{ |
h2 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
margin-top: 10px; |
margin-top: 10px; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
} |
} |
||||||
} |
} |
||||||
&__notAvailabe{ |
&__notAvailabe { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
width : 100%; |
width: 100%; |
||||||
text-align: center; |
text-align: center; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
} |
} |
||||||
&__price{ |
&__price { |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
width : 100%; |
width: 100%; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
text-align: center; |
text-align: center; |
||||||
&--old{ |
&--old { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
position: relative; |
position: relative; |
||||||
margin-left: 0px; |
margin-left: 0px; |
||||||
align-items:center; |
align-items: center; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
span{ |
span { |
||||||
position: absolute; |
position: absolute; |
||||||
left: 0px; |
left: 0px; |
||||||
width : 100%; |
width: 100%; |
||||||
height: 2px; |
height: 2px; |
||||||
background-color: rgba(121, 121, 121, 0.534); |
background-color: rgba(121, 121, 121, 0.534); |
||||||
transform: rotate(-14deg); |
transform: rotate(-14deg); |
||||||
} |
} |
||||||
} |
} |
||||||
&--price{ |
&--price { |
||||||
color: #02733c; |
color: #02733c; |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,63 +1,63 @@ |
|||||||
.scroll-product{ |
.scroll-product { |
||||||
padding: 10px; |
padding: 10px; |
||||||
a{ |
a { |
||||||
width : 100%; |
width: 100%; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
&:hover{ |
&:hover { |
||||||
} |
} |
||||||
img{ |
img { |
||||||
width: 100%; |
width: 100%; |
||||||
height: 150px; |
height: 150px; |
||||||
border-top-left-radius: 15px; |
border-top-left-radius: 15px; |
||||||
border-top-right-radius: 15px; |
border-top-right-radius: 15px; |
||||||
} |
} |
||||||
h1{ |
h1 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
margin-top: 5px; |
margin-top: 5px; |
||||||
font-size: calc(100vw / 34); |
font-size: calc(100vw / 34); |
||||||
color: #7dc241; |
color: #7dc241; |
||||||
letter-spacing: -1px; |
letter-spacing: -1px; |
||||||
} |
} |
||||||
h2{ |
h2 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
margin-top: 10px; |
margin-top: 10px; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
} |
} |
||||||
} |
} |
||||||
&__notAvailabe{ |
&__notAvailabe { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
width : 100%; |
width: 100%; |
||||||
text-align: center; |
text-align: center; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
} |
} |
||||||
&__price{ |
&__price { |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
width : 100%; |
width: 100%; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
text-align: center; |
text-align: center; |
||||||
&--old{ |
&--old { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
position: relative; |
position: relative; |
||||||
margin-left: 0px; |
margin-left: 0px; |
||||||
align-items:center; |
align-items: center; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
span{ |
span { |
||||||
position: absolute; |
position: absolute; |
||||||
left: 0px; |
left: 0px; |
||||||
width : 100%; |
width: 100%; |
||||||
height: 2px; |
height: 2px; |
||||||
background-color: rgba(121, 121, 121, 0.534); |
background-color: rgba(121, 121, 121, 0.534); |
||||||
transform: rotate(-14deg); |
transform: rotate(-14deg); |
||||||
} |
} |
||||||
} |
} |
||||||
&--price{ |
&--price { |
||||||
color: #02733c; |
color: #02733c; |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 45); |
font-size: calc(100vw / 45); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,58 +1,58 @@ |
|||||||
.slider-simple{ |
.slider-simple { |
||||||
padding: 10px; |
padding: 10px; |
||||||
a{ |
a { |
||||||
width : 100%; |
width: 100%; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
max-width: 200px; |
max-width: 200px; |
||||||
&:hover{ |
&:hover { |
||||||
} |
} |
||||||
img{ |
img { |
||||||
width: 100%; |
// width: 100%; |
||||||
height: 250px; |
height: 250px; |
||||||
border-radius: 10px; |
border-radius: 10px; |
||||||
} |
} |
||||||
h1{ |
h1 { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
color: #7dc241; |
color: #7dc241; |
||||||
letter-spacing: -1px; |
letter-spacing: -1px; |
||||||
} |
} |
||||||
h2{ |
h2 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
margin-top: 10px; |
margin-top: 10px; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
} |
} |
||||||
} |
} |
||||||
&__notAvailabe{ |
&__notAvailabe { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
width : 100%; |
width: 100%; |
||||||
text-align: center; |
text-align: center; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
} |
} |
||||||
&__price{ |
&__price { |
||||||
width : 100%; |
width: 100%; |
||||||
margin-top: 15px; |
margin-top: 15px; |
||||||
text-align: center; |
text-align: center; |
||||||
&--old{ |
&--old { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
color: #6f7074; |
color: #6f7074; |
||||||
position: relative; |
position: relative; |
||||||
margin-left: 10px; |
margin-left: 10px; |
||||||
align-items:center; |
align-items: center; |
||||||
span{ |
span { |
||||||
position: absolute; |
position: absolute; |
||||||
left: 0px; |
left: 0px; |
||||||
width : 100%; |
width: 100%; |
||||||
height: 2px; |
height: 2px; |
||||||
background-color: rgba(121, 121, 121, 0.534); |
background-color: rgba(121, 121, 121, 0.534); |
||||||
transform: rotate(-14deg); |
transform: rotate(-14deg); |
||||||
} |
} |
||||||
} |
} |
||||||
&--price{ |
&--price { |
||||||
color: #02733c; |
color: #02733c; |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 80); |
font-size: calc(100vw / 80); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,20 +1,21 @@ |
|||||||
.product-info{ |
.product-info { |
||||||
flex: 6; |
flex: 6; |
||||||
margin: 10px; |
margin: 10px; |
||||||
padding: 0px 10px; |
padding: 0px 10px; |
||||||
h1{ |
h1 { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
color: #373737; |
color: #373737; |
||||||
margin-bottom: 10px; |
margin-bottom: 10px; |
||||||
} |
} |
||||||
span , p{ |
span, |
||||||
|
p { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
} |
} |
||||||
span{ |
span { |
||||||
margin-bottom: 10px; |
margin-bottom: 10px; |
||||||
color: #00CC69; |
color: #00cc69; |
||||||
} |
} |
||||||
p{ |
p { |
||||||
color: #6F7074; |
color: #6f7074; |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,76 +1,76 @@ |
|||||||
.mobile-voice-box{ |
.mobile-voice-box { |
||||||
width: 100%; |
width: 100%; |
||||||
border-radius: 10px; |
border-radius: 10px; |
||||||
background-color: #8dfac541; |
background-color: #8dfac541; |
||||||
padding: 10px 10px; |
padding: 10px 10px; |
||||||
margin: 15px 0px; |
margin: 15px 0px; |
||||||
h2{ |
h2 { |
||||||
font-family: numeralBold; |
font-family: numeralMedium; |
||||||
font-size: calc(100vw / 40); |
font-size: calc(100vw / 40); |
||||||
color: #02733C; |
color: #02733c; |
||||||
span{ |
span { |
||||||
width: 7px; |
width: 7px; |
||||||
height: 7px; |
height: 7px; |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
background-color: #00CC69; |
background-color: #00cc69; |
||||||
margin-left: 5px; |
margin-left: 5px; |
||||||
} |
} |
||||||
} |
} |
||||||
.MuiSvgIcon-root{ |
.MuiSvgIcon-root { |
||||||
color: #37D386 !important; |
color: #37d386 !important; |
||||||
font-size: 50px !important; |
font-size: 50px !important; |
||||||
} |
} |
||||||
.MuiSlider-root{ |
.MuiSlider-root { |
||||||
color: #37D386; |
color: #37d386; |
||||||
} |
} |
||||||
} |
} |
||||||
.MuiPaper-elevation1{ |
.MuiPaper-elevation1 { |
||||||
box-shadow: none !important; |
box-shadow: none !important; |
||||||
} |
} |
||||||
.MuiGrid-container{ |
.MuiGrid-container { |
||||||
flex-wrap: nowrap !important; |
flex-wrap: nowrap !important; |
||||||
flex-direction: row-reverse; |
flex-direction: row-reverse; |
||||||
background-color: rgba(255,255,255,0) !important; |
background-color: rgba(255, 255, 255, 0) !important; |
||||||
padding: 0px !important; |
padding: 0px !important; |
||||||
} |
} |
||||||
|
|
||||||
.MuiGrid-item{ |
.MuiGrid-item { |
||||||
display: flex !important; |
display: flex !important; |
||||||
flex-direction: row !important; |
flex-direction: row !important; |
||||||
padding: 0px !important; |
padding: 0px !important; |
||||||
margin-right: 5px !important; |
margin-right: 5px !important; |
||||||
p{ |
p { |
||||||
color: #02A255 !important; |
color: #02a255 !important; |
||||||
} |
} |
||||||
} |
} |
||||||
.voice-box{ |
.voice-box { |
||||||
width: 100%; |
width: 100%; |
||||||
max-width: 700px; |
max-width: 700px; |
||||||
border-radius: 10px; |
border-radius: 10px; |
||||||
background-color: #8dfac541; |
background-color: #8dfac541; |
||||||
padding: 10px 10px; |
padding: 10px 10px; |
||||||
margin: 15px auto; |
margin: 15px auto; |
||||||
.MuiSvgIcon-root{ |
.MuiSvgIcon-root { |
||||||
color: #37D386 !important; |
color: #37d386 !important; |
||||||
font-size: 50px !important; |
font-size: 50px !important; |
||||||
} |
} |
||||||
.MuiSlider-root{ |
.MuiSlider-root { |
||||||
color: #37D386; |
color: #37d386; |
||||||
} |
} |
||||||
h2{ |
h2 { |
||||||
font-family: numeralLight; |
font-family: numeralLight; |
||||||
color: #02733C; |
color: #02733c; |
||||||
span{ |
span { |
||||||
width: 7px; |
width: 7px; |
||||||
height: 7px; |
height: 7px; |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
background-color: #00CC69; |
background-color: #00cc69; |
||||||
margin-left: 5px; |
margin-left: 5px; |
||||||
} |
} |
||||||
} |
} |
||||||
div{ |
div { |
||||||
// width: 100%; |
// width: 100%; |
||||||
// height: 40px; |
// height: 40px; |
||||||
// background-color: #02733C; |
// background-color: #02733C; |
||||||
} |
} |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue