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.
93 lines
1.9 KiB
93 lines
1.9 KiB
@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; |
|
} |
|
} |