|
|
|
@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\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Black.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: Bold;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Bold.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: DemiBold;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-DemiBold.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: ExtraBold;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-ExtraBold.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: Light;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Light.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: Medium;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Medium.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: Regular;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Regular.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: Thin;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Thin.ttf");
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: UltraLight;
|
|
|
|
src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-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;
|
|
|
|
}
|