86 lines
1.3 KiB
SCSS
86 lines
1.3 KiB
SCSS
$black: #454545;
|
|
|
|
[lang="en"] {
|
|
font-family: "Kanit Regular";
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
html body {
|
|
font-family: "Kanit Regular";
|
|
color: $black;
|
|
height: 85%;
|
|
}
|
|
|
|
body .root {
|
|
height: 100%;
|
|
}
|
|
|
|
body .root .content {
|
|
margin: 0 auto;
|
|
width: 470px;
|
|
height: 100%;
|
|
|
|
@media screen and (max-width: 450px) {
|
|
width: 350px;
|
|
}
|
|
}
|
|
|
|
body .root .content .header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 25px 0 25px 0;
|
|
|
|
.image {
|
|
height: 78px;
|
|
width: 78px;
|
|
}
|
|
}
|
|
|
|
body .root .content .row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
direction: ltr;
|
|
}
|
|
|
|
body .root .content .row.title {
|
|
display: flex;
|
|
place-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
body .root .content .row.dropdown-row {
|
|
.react-select.language {
|
|
text-align: right;
|
|
li:first-child { font-family: "Vazirmatn Regular"; }
|
|
li:last-child { font-family: "Kanit Regular"; }
|
|
}
|
|
}
|
|
|
|
body .root .content ul.body {
|
|
clear: both;
|
|
list-style-type: none;
|
|
height: 400px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
|
|
/* Height of 625px, or less */
|
|
@media screen and (max-height: 625px) {
|
|
height: 330px;
|
|
}
|
|
|
|
/* Height of 595px, or less */
|
|
@media screen and (max-height: 595px) {
|
|
height: 310px;
|
|
}
|
|
}
|
|
|
|
body .root .content ul.body.scroll-y {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
@import "fonts";
|