@import "./constants/size.scss"; @import "./constants/colors.scss"; @import "./views/Home/Landscape/Page1/index.scss"; @import "./views/Home/Landscape/Page2/index.scss"; @import "./views/Home/Landscape/Page2/Mobile/index"; @import "./views/Home/Landscape/Page1/Lights/index.scss"; *{ font-family: Regular; } .ltr{ direction: ltr; } .rtl{ direction: rtl; } @font-face { font-family: Black; src: url("./assets/font/IranSansX/Farsi/Black.ttf"); } @font-face { font-family: Bold; src: url("./assets/font/IranSansX/Farsi/DemiBold.ttf"); } @font-face { font-family: DemiBold; src: url("./assets/font/IranSansX/Farsi/DemiBold.ttf"); } @font-face { font-family: ExtraBold; src: url("./assets/font/IranSansX/Farsi/ExtraBold.ttf"); } @font-face { font-family: Light; src: url("./assets/font/IranSansX/Farsi/Light.ttf"); } @font-face { font-family: Medium; src: url("./assets/font/IranSansX/Farsi/Medium.ttf"); } @font-face { font-family: Regular; src: url("./assets/font/IranSansX/Farsi/Regular.ttf"); } @font-face { font-family: Thin; src: url("./assets/font/IranSansX/Farsi/Thin.ttf"); } @font-face { font-family: UltraLight; src: url("./assets/font/IranSansX/Farsi/UltraLight.ttf"); } .container{ width: 100%; margin : 0px auto; } @media screen and (min-width : $xs){ .container{ max-width: 80%; } } @media screen and (min-width : $lg){ .container{ max-width: 100%; } } @media screen and (min-width : $xl){ .container{ max-width: 1200px; } } @media screen and (min-width : $xxl) { .container{ max-width: 1480px; } } .Toastify *{ font-size: 13px; }