discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed article card style

Browse Source
This commit is contained in:
kvakazyambra 2023-05-25 23:48:36 +03:00
parent 44dabc45c0
commit 75bca7d62c
3 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Feed/ArticleCard.module.scss
View File

@ -33,14 +33,16 @@
} }
.shoutCardWithBorder { .shoutCardWithBorder {
border-top: 1px solid #141414; border-top: 2px solid #141414;
margin-top: 2.4rem !important; margin-top: 2.4rem !important;
padding-top: 2.4rem; padding-top: 2.4rem;
} }
.shoutCardTitlesContainer { .shoutCardTitlesContainer {
a { a:link {
&::before { border: none;
&:before {
content: ''; content: '';
height: 100%; height: 100%;
left: 0; left: 0;
@ -87,13 +89,14 @@
.shoutAuthor, .shoutAuthor,
.shoutDate { .shoutDate {
@include font-size(1.2rem); @include font-size(1.4rem);
} }
.shoutAuthor { .shoutAuthor {
font-weight: 500;
margin-right: 1.6rem; margin-right: 1.6rem;
a { a:link {
border: none; border: none;
color: rgb(0 0 0 / 70%); color: rgb(0 0 0 / 70%);
position: relative; position: relative;
@ -117,7 +120,7 @@
@include font-size(2.2rem); @include font-size(2.2rem);
font-weight: 700; font-weight: 700;
line-height: 1.25; line-height: 1.1;
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
} }
@ -133,12 +136,11 @@
} }
.shoutCardSubtitle { .shoutCardSubtitle {
@include font-size(1.7rem);
color: #696969; color: #696969;
@include font-size(1.8rem);
font-weight: 400; font-weight: 400;
line-height: 1.3; line-height: 1.3;
margin-bottom: 0.8rem; margin-bottom: 1.4rem;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s; transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
} }
@ -303,7 +305,8 @@
} }
.shoutCardTitlesContainer { .shoutCardTitlesContainer {
a { a:link {
border: none;
color: #fff; color: #fff;
&:hover { &:hover {

5
src/components/Feed/Beside.module.scss
View File

@ -65,10 +65,9 @@
width: 1em; width: 1em;
} }
a { a:link {
@include font-size(1.5rem);
border: none; border: none;
@include font-size(1.5rem);
font-weight: 500; font-weight: 500;
padding-right: 0.3em; padding-right: 0.3em;
white-space: nowrap; white-space: nowrap;

5
src/components/Feed/CardTopic.module.scss
View File

@ -1,11 +1,12 @@
.shoutTopic { .shoutTopic {
font-size: 1.2rem; font-size: 1.4rem;
font-weight: bold;
letter-spacing: 0.08em; letter-spacing: 0.08em;
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
transition: background-color 0.2s; transition: background-color 0.2s;
a { a:link {
background: transparent; background: transparent;
border: none; border: none;
color: $link-color; color: $link-color;