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.
129 lines
2.5 KiB
129 lines
2.5 KiB
.portrait-blog { |
|
width: 100vw; |
|
// height: 100vh; |
|
padding: 0px 10px; |
|
position: relative; |
|
&__header { |
|
direction: rtl; |
|
width: 100%; |
|
margin-top: 80px; |
|
&--top { |
|
width: 100%; |
|
text-align: right; |
|
align-items: center; |
|
margin-top: 20px; |
|
h1 { |
|
font-size: 24px; |
|
// color : $dusk; |
|
margin-bottom: 10px; |
|
letter-spacing: -2px; |
|
} |
|
} |
|
&--bottom { |
|
align-items: center; |
|
direction: rtl; |
|
width: 100%; |
|
justify-content: space-between; |
|
h2 { |
|
font-size: 14px; |
|
// color : $dusk; |
|
margin-bottom: 5px; |
|
letter-spacing: -1px; |
|
} |
|
& div { |
|
font-size: 14px; |
|
// color : $dusk; |
|
margin-bottom: 0px; |
|
letter-spacing: -1px; |
|
font-family: IRANSansNumeral; |
|
} |
|
} |
|
} |
|
&__body { |
|
width: 100%; |
|
margin-top: 15px; |
|
&--image { |
|
width: 100%; |
|
& img { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 10px; |
|
} |
|
} |
|
&--text { |
|
margin-top: 10px; |
|
width: 100%; |
|
direction: rtl; |
|
text-align: justify !important; |
|
// color: $dusk; |
|
color: #4e4e4e; |
|
font-size: 14px; |
|
letter-spacing: -1px; |
|
font-family: numeralLight; |
|
} |
|
} |
|
} |
|
|
|
.landscape-blog { |
|
width: 100vw; |
|
padding: 0px 10px; |
|
position: relative; |
|
text-align: right; |
|
max-width: 1250px; |
|
margin: 0px auto; |
|
&__header { |
|
direction: rtl; |
|
width: 100%; |
|
margin-top: 100px; |
|
max-width: 800px; |
|
&--top { |
|
width: 100%; |
|
text-align: right; |
|
align-items: center; |
|
margin-top: 20px; |
|
h1 { |
|
font-size: 28px; |
|
// color : $dusk; |
|
margin-bottom: 10px; |
|
letter-spacing: -1px; |
|
} |
|
} |
|
&--bottom { |
|
align-items: center; |
|
direction: rtl; |
|
width: 100%; |
|
justify-content: space-between; |
|
h2 { |
|
font-size: 14px; |
|
// color : $dusk; |
|
margin-bottom: 5px; |
|
letter-spacing: -1px; |
|
} |
|
& div { |
|
font-size: 16px; |
|
// color : $dusk; |
|
margin-bottom: 5px; |
|
letter-spacing: -1px; |
|
font-family: IRANSansNumeral; |
|
} |
|
} |
|
} |
|
&__body { |
|
width: 100%; |
|
&--image { |
|
width: 100%; |
|
max-height: 300px; |
|
} |
|
&--text { |
|
margin-top: 40px; |
|
width: 100%; |
|
direction: rtl; |
|
text-align: justify; |
|
// color: $dusk; |
|
color: #4e4e4e; |
|
font-size: 18px; |
|
letter-spacing: -1px; |
|
font-family: numeralLight; |
|
} |
|
} |
|
}
|
|
|