|
|
|
@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;
|
|
|
|
}
|