You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
@import "./constants/size.scss";
|
|
|
|
@import "./views/Home/Page1/index.scss";
|
|
|
|
@import "./views/Home/Page2/index.scss";
|
|
|
|
|
|
|
|
|
|
|
|
.App {
|
|
|
|
direction: rtl;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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 : $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;
|
|
|
|
}
|
|
|
|
}
|