TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

font sizes changed

This commit is contained in:
= 2021-05-04 15:27:17 +05:00
parent d6fe725919
commit 110a4990d7
6 changed files with 121 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
themes/modern/assets/css/components/1-main/variables.scss
View File

@ -4,13 +4,13 @@ $text-black: #000;
$text-color-white: #FFFFFF;
$text-color-grey: #A2A2A2;
$color-grey: #B4B4B4;
$p-size: 20px;
$p-height: 40px;
$h2-size: 24px;
$h2-height: 36px;
$h3-size: 20px;
$p-size: 16px;
$p-height: 30px;
$h2-size: 22px;
$h2-height: 30px;
$h3-size: 18px;
$h3-height: 26px;
$h4-size: 18px;
$h4-height: 30px;
$h4-size: 16px;
$h4-height: 25px;
$h5-size: 14px;
$h5-height: 20px;

2
themes/modern/assets/css/components/2-layout/newsCard.scss
View File

@ -52,7 +52,7 @@
line-height: $h4-height;
margin: 10px 0 0 0;
display: block;
max-height: 90px;
max-height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}

50
themes/modern/assets/css/components/2-layout/responsive.scss
View File

@ -3,45 +3,33 @@
max-width: 1240px;
}
// slider start
.slider {
&__nav {
a {
span {
font-size: 16px;
}
}
}
}
// slider end
.card {
&__link {
font-size: 16px;
}
}
.heading__content-body-link {
font-size: 16px;
font-size: 16px;
}
.heading__content-body-para {
font-size: 16px;
h3 {
font-size: 18px;
line-height: 30px;
}
font-size: 16px;
h3 {
font-size: 18px;
line-height: 30px;
}
}
.main__sidebar-title {
font-size: 16px;
font-size: 16px;
}
.about__para {
font-size: 16px;
font-size: 16px;
}
.address__inner {
font-size: 16px;
font-size: 16px;
}
.form__input label {
font-size: 16px;
font-size: 16px;
}
}
@include xlg-xxlg {
$h4-size: 14px;
$h4-height: 22px;
.auto__container {
max-width: 1040px;
padding: 0 25px;
@ -113,6 +101,9 @@
}
.card {
padding: 15px;
&__link {
max-height: 66px;
}
}
.partner {
&__title {
@ -134,7 +125,10 @@
}
&-body {
&-para {
height: 90px;
height: 88px;
}
&-link {
height: 44px;
}
}
}
@ -172,6 +166,9 @@
}
}
@include lg-xlg {
.hero {
margin-top: 30px;
}
.slider {
&__nav {
display: none;
@ -336,6 +333,9 @@
}
}
@include sm-md {
.hero {
margin-top: 0;
}
.slider {
height: 350px;
&__item {

4
themes/modern/assets/css/components/3-page/heading.scss
View File

@ -82,7 +82,7 @@
line-height: $h4-height;
margin: 10px 0 0 0;
display: block;
height: 60px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 20px;
@ -92,7 +92,7 @@
line-height: $h4-height;
font-weight: 400;
color: $text-light-black;
height: 120px;
height: 100px;
overflow: hidden;
text-overflow: ellipsis;
}

9
themes/modern/assets/css/components/3-page/home.scss
View File

@ -1,3 +1,6 @@
.hero {
margin-top: 50px;
}
// banner start
.banner {
margin: 80px 0;
@ -153,11 +156,11 @@
flex-wrap: wrap;
margin: -30px -5px 80px -5px;
&-link {
padding: 10px 20px;
padding: 3px 7px;
border-right: 5px;
background: #f7f7f6;
font-size: $h4-size;
line-height: $h4-height;
font-size: $h5-size;
line-height: $h5-height;
color: $text-light-black;
margin: 5px;
}

150
themes/modern/assets/css/main.css
View File

@ -147,16 +147,16 @@ li {
width: calc(100% - 60px);
font-family: "roboto";
padding: 14px 40px 14px 20px;
font-size: 18px;
line-height: 18px;
font-size: 16px;
line-height: 16px;
color: rgba(36, 36, 36, 0.3);
border-radius: 5px;
border: 1px solid #c9c9c9;
}
.header__search-input input::placeholder {
font-family: "roboto";
font-size: 18px;
line-height: 18px;
font-size: 16px;
line-height: 16px;
color: rgba(36, 36, 36, 0.3);
}
.header__search-btn {
@ -554,8 +554,8 @@ li {
background: #FD4C24;
color: #FFFFFF;
font-weight: 400;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
padding: 5px 20px;
}
.slider__nav {
@ -622,8 +622,8 @@ li {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
color: #FFFFFF;
font-weight: 700;
position: relative;
@ -759,11 +759,11 @@ li {
.card__link {
color: #000;
font-weight: 700;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
margin: 10px 0 0 0;
display: block;
max-height: 90px;
max-height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}
@ -920,7 +920,7 @@ li {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
padding: 10px 0;
@ -936,7 +936,7 @@ li {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
font-size: 17px;
font-size: 15px;
line-height: 23px;
justify-content: center;
align-items: center;
@ -1054,6 +1054,10 @@ li {
background-color: #2495f3;
}
.hero {
margin-top: 50px;
}
.banner {
margin: 80px 0;
}
@ -1127,7 +1131,7 @@ li {
position: absolute;
}
.main__body-header-title {
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #242424;
@ -1142,7 +1146,7 @@ li {
margin: -100px 30px 0 30px;
}
.main__body-title {
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #242424;
@ -1170,8 +1174,8 @@ li {
width: calc(30% - 25px);
}
.main__sidebar-title {
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 80px;
@ -1209,11 +1213,11 @@ li {
margin: -30px -5px 80px -5px;
}
.main__sidebar-tag-link {
padding: 10px 20px;
padding: 3px 7px;
border-right: 5px;
background: #f7f7f6;
font-size: 18px;
line-height: 30px;
font-size: 14px;
line-height: 20px;
color: #242424;
margin: 5px;
}
@ -1238,7 +1242,7 @@ li {
position: absolute;
}
.event__header-title {
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #242424;
@ -1305,7 +1309,7 @@ li {
margin-bottom: 80px;
}
.partner__title {
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #242424;
@ -1326,7 +1330,7 @@ li {
.heading__title {
font-weight: 700;
color: #242424;
font-size: 20px;
font-size: 18px;
line-height: 26px;
margin-bottom: 80px;
}
@ -1405,21 +1409,21 @@ li {
.heading__content-body-link {
color: #000;
font-weight: 700;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
margin: 10px 0 0 0;
display: block;
height: 60px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 20px;
}
.heading__content-body-para {
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #242424;
height: 120px;
height: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
@ -1447,7 +1451,7 @@ li {
}
.heading__footer-input input {
text-align: center;
font-size: 20px;
font-size: 18px;
line-height: 26px;
height: 100%;
width: 100%;
@ -1457,7 +1461,7 @@ li {
color: #242424;
}
.heading__footer span {
font-size: 20px;
font-size: 18px;
line-height: 26px;
color: #242424;
font-weight: 400;
@ -1465,7 +1469,7 @@ li {
}
.address__inner {
font-size: 20px;
font-size: 18px;
line-height: 26px;
color: #242424;
font-weight: 400;
@ -1479,13 +1483,13 @@ li {
padding: 80px 0;
}
.about__title {
font-size: 24px;
line-height: 36px;
font-size: 22px;
line-height: 30px;
font-weight: 700;
color: #242424;
}
.about__para {
font-size: 20px;
font-size: 18px;
line-height: 40px;
font-weight: 400;
color: #242424;
@ -1495,7 +1499,7 @@ li {
.form__title {
font-weight: 700;
color: #242424;
font-size: 20px;
font-size: 18px;
line-height: 26px;
margin-bottom: 80px;
}
@ -1511,8 +1515,8 @@ li {
}
.form__input label {
display: block;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #242424;
margin-bottom: 20px;
@ -1523,8 +1527,8 @@ li {
height: 60px;
border-radius: 5px;
border: 1px solid #c9c9c9;
font-size: 18px;
line-height: 18px;
font-size: 16px;
line-height: 16px;
color: #242424;
}
.form__input:last-child {
@ -1540,8 +1544,8 @@ li {
}
.form__input-bg label {
display: block;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #242424;
margin-bottom: 20px;
@ -1552,8 +1556,8 @@ li {
height: 60px;
border-radius: 5px;
border: 1px solid #c9c9c9;
font-size: 18px;
line-height: 18px;
font-size: 16px;
line-height: 16px;
color: #242424;
}
.form__textarea {
@ -1562,8 +1566,8 @@ li {
}
.form__textarea label {
display: block;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #242424;
margin-bottom: 20px;
@ -1582,8 +1586,8 @@ li {
font-weight: 700;
padding: 14px;
border-radius: 5px;
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
margin-top: 30px;
}
@ -1601,8 +1605,8 @@ li {
width: calc(30% - 25px);
}
.news__sidebar-title {
font-size: 18px;
line-height: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
@ -1624,13 +1628,13 @@ li {
.news__title {
color: #000;
font-weight: 700;
font-size: 24px;
line-height: 36px;
font-size: 22px;
line-height: 30px;
}
.news__date {
display: flex;
align-items: center;
font-size: 20px;
font-size: 18px;
line-height: 26px;
color: #A2A2A2;
font-weight: 400;
@ -1648,8 +1652,8 @@ li {
height: auto;
}
.news__body p {
font-size: 20px;
line-height: 40px;
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.news__body p a {
@ -1678,8 +1682,8 @@ li {
fill: #FD4C24;
}
.news__footer-name {
font-size: 24px;
line-height: 36px;
font-size: 22px;
line-height: 30px;
font-weight: 700;
color: #242424;
}
@ -1688,15 +1692,15 @@ li {
padding: 80px 0;
}
.terms__title {
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #000;
margin-bottom: 40px;
}
.terms__para {
font-size: 20px;
line-height: 40px;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #000;
margin-bottom: 40px;
@ -1707,14 +1711,6 @@ li {
max-width: 1240px;
}
.slider__nav a span {
font-size: 16px;
}
.card__link {
font-size: 16px;
}
.heading__content-body-link {
font-size: 16px;
}
@ -1807,6 +1803,9 @@ li {
.card {
padding: 15px;
}
.card__link {
max-height: 66px;
}
.partner__title {
margin-bottom: 40px;
@ -1826,7 +1825,10 @@ li {
margin-bottom: 15px;
}
.heading__content-body-para {
height: 90px;
height: 88px;
}
.heading__content-body-link {
height: 44px;
}
.heading a.progressive {
height: 250px;
@ -1853,6 +1855,10 @@ li {
}
}
@media (max-width: 1023px) {
.hero {
margin-top: 30px;
}
.slider__nav {
display: none;
}
@ -1925,7 +1931,7 @@ li {
text-align: center;
margin-right: 0;
padding: 20px;
font-size: 20px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
width: calc(100% - 40px);
@ -2006,6 +2012,10 @@ li {
}
}
@media (max-width: 700px) {
.hero {
margin-top: 0;
}
.slider {
height: 350px;
}