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

1234

This commit is contained in:
= 2021-05-24 16:43:30 +05:00
parent b155a33081
commit c91cae925e
3 changed files with 91 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,81 +1,84 @@
.card {
position: relative;
padding: 30px;
background: $text-color-white;
&__header {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
&-category {
padding: 5px 10px;
background: $main-color;
font-size: $h5-size;
line-height: $h5-height;
color: $text-color-white;
font-weight: 700;
max-width: 115px;
text-align: center;
margin-bottom: 10px;
}
&-view {
display: flex;
align-items: center;
color: $text-color-grey;
font-weight: 400;
font-size: $h5-size;
line-height: $h5-height - 5px;
svg {
margin-right: 5px;
stroke: $text-color-grey;
width: 21px;
height: 14px;
}
}
&-date {
display: flex;
align-items: center;
font-size: $h5-size;
line-height: $h5-height;
color: $text-color-grey;
font-weight: 400;
svg {
margin: 0 5px;
width: 4px;
height: 4px;
}
}
}
&__link {
color: $text-black;
font-weight: 700;
font-size: $h4-size;
line-height: $h4-height;
margin: 10px 0 0 0;
display: block;
}
&__box {
padding: 30px 0;
&:last-child {
border-top: 1px solid $text-color-grey;
padding: 30px 0 0 0;
}
&:nth-child(2) {
padding: 0 0 30px 0;
}
}
&.other {
padding: 30px;
.card__header {
&-category {
background: $text-light-black;
color: $text-color-white;
}
background: $text-color-white;
&__header {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
&-category {
padding: 5px 10px;
background: $main-color;
font-size: $h5-size;
line-height: $h5-height;
color: $text-color-white;
font-weight: 700;
max-width: 115px;
text-align: center;
margin-bottom: 10px;
}
&-view {
display: flex;
align-items: center;
color: $text-color-grey;
font-weight: 400;
font-size: $h5-size;
line-height: $h5-height - 5px;
svg {
margin-right: 5px;
stroke: $text-color-grey;
width: 21px;
height: 14px;
}
}
&-date {
display: flex;
align-items: center;
font-size: $h5-size;
line-height: $h5-height;
color: $text-color-grey;
font-weight: 400;
svg {
margin: 0 5px;
width: 4px;
height: 4px;
}
}
}
border-bottom: 1px solid #e6e6e6;
&:last-child {
border-bottom: none;
&__link {
color: $text-black;
font-weight: 700;
font-size: $h4-size;
line-height: $h4-height;
margin: 10px 0 0 0;
display: block;
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}
&__box {
padding: 30px 0;
&:last-child {
border-top: 1px solid $text-color-grey;
padding: 30px 0 0 0;
}
&:nth-child(2) {
padding: 0 0 30px 0;
}
}
&.other {
padding: 30px;
.card__header {
&-category {
background: $text-light-black;
color: $text-color-white;
}
}
border-bottom: 1px solid #e6e6e6;
&:last-child {
border-bottom: none;
}
}
}
}

6
themes/modern2/assets/css/components/3-page/home.scss
View File

@ -214,6 +214,12 @@
margin-bottom: 80px;
color: $text-light-black;
}
.card {
&__link {
height: unset;
text-overflow: unset;
}
}
a.progressive {
position: relative;
display: block;

7
themes/modern2/assets/css/main.css
View File

@ -634,6 +634,9 @@ li {
line-height: 25px;
margin: 10px 0 0 0;
display: block;
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}
.card__box {
padding: 30px 0;
@ -1398,6 +1401,10 @@ li {
margin-bottom: 80px;
color: #242424;
}
.main__sidebar .card__link {
height: unset;
text-overflow: unset;
}
.main__sidebar a.progressive {
position: relative;
display: block;