diff --git a/src/App.scss b/src/App.scss index e4d22ee..b788a71 100644 --- a/src/App.scss +++ b/src/App.scss @@ -5,34 +5,33 @@ @import "./views/Home/Landscape/Page2/Mobile/index"; @import "./views/Home/Landscape/Page1/Lights/index.scss"; -*{ +* { font-family: Regular; } - -.ltr{ +.ltr { direction: ltr; } -.rtl{ +.rtl { direction: rtl; } -.scrolling-carousel button{ +.scrolling-carousel button { display: none; } -.bold{ +.bold { font-family: ExtraBold; } -.shadow-all{ - box-shadow: 0px 0px 10px rgba(0,0,0,0.08); +.shadow-all { + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } //slider -.styles-module_item-tracker__3bypy{ - padding-top : 20px !important; +.styles-module_item-tracker__3bypy { + padding-top: 20px !important; // transform: translateY(-20px) !important; } @@ -82,45 +81,46 @@ } //map -.mapboxgl-map{ +.mapboxgl-map { width: 100% !important; height: 100% !important; border-radius: 20px !important; - .marker{ + + .marker { width: 20px; - height: 20px + height: 20px; } } -.container{ +.container { width: 100%; - margin : 0px auto; + margin: 0px auto; } -@media screen and (min-width : $xs){ - .container{ +@media screen and (min-width: $xs) { + .container { max-width: 80%; } } -@media screen and (min-width : $lg){ - .container{ +@media screen and (min-width: $lg) { + .container { max-width: 100%; } } -@media screen and (min-width : $xl){ - .container{ +@media screen and (min-width: $xl) { + .container { max-width: 1200px; } } -@media screen and (min-width : $xxl) { - .container{ +@media screen and (min-width: $xxl) { + .container { max-width: 1480px; } } -.Toastify *{ +.Toastify * { font-size: 13px; } diff --git a/src/components/Radio/index.js b/src/components/Radio/index.js index c344df2..2add3f0 100644 --- a/src/components/Radio/index.js +++ b/src/components/Radio/index.js @@ -4,7 +4,14 @@ import "./index.scss"; export default function Radio(props) { return (
- {}} /> + {}} + /> diff --git a/src/components/Radio/index.scss b/src/components/Radio/index.scss index 89f8049..4f427a3 100644 --- a/src/components/Radio/index.scss +++ b/src/components/Radio/index.scss @@ -1,58 +1,58 @@ $color1: #f4f4f4; -$color2: #3197EE; +$color2: #12cf7f; .radio { - input[type="radio"] { - position: absolute; - opacity: 0; + input[type="radio"] { + position: absolute; + opacity: 0; + + .radio-label { + &:before { + content: ""; + background: $color1; + border-radius: 100%; + border: 1px solid darken($color1, 25%); + display: inline-block; + width: 1.7em; + height: 1.7em; + position: relative; + vertical-align: top; + margin-left: 0.5em; + cursor: pointer; + text-align: center; + transition: all 250ms ease; + } + } + &:checked { + .radio-label { &:before { - content: ''; - background: $color1; - border-radius: 100%; - border: 1px solid darken($color1, 25%); - display: inline-block; - width: 1.7em; - height: 1.7em; - position: relative; - vertical-align: top; - margin-left: 0.5em; - cursor: pointer; - text-align: center; - transition: all 250ms ease; - } - } - &:checked { - + .radio-label { - &:before { - background-color: $color2; - box-shadow: inset 0 0 0 4px $color1; - } + background-color: $color2; + box-shadow: inset 0 0 0 4px $color1; } } - &:focus { - + .radio-label { - &:before { - outline: none; - border-color: $color2; - } + } + &:focus { + + .radio-label { + &:before { + outline: none; + border-color: $color2; } } - &:disabled { - + .radio-label { - &:before { - box-shadow: inset 0 0 0 4px $color1; - border-color: darken($color1, 25%); - background: darken($color1, 25%); - } + } + &:disabled { + + .radio-label { + &:before { + box-shadow: inset 0 0 0 4px $color1; + border-color: darken($color1, 25%); + background: darken($color1, 25%); } } - + .radio-label { - &:empty { - &:before { - margin-right: 0; - } + } + + .radio-label { + &:empty { + &:before { + margin-right: 0; } } } - } \ No newline at end of file + } +}