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

Fixed article style

Browse Source
This commit is contained in:
kvakazyambra 2023-11-11 18:22:15 +03:00
parent 5358c2d640
commit 57cbf79197
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Article/Article.module.scss
View File

@ -40,6 +40,7 @@ img {
blockquote, blockquote,
blockquote[data-type='punchline'] { blockquote[data-type='punchline'] {
clear: both;
font-size: 2.6rem; font-size: 2.6rem;
font-weight: bold; font-weight: bold;
line-height: 1.4; line-height: 1.4;
@ -63,6 +64,7 @@ img {
ta-quotation { ta-quotation {
border: solid #000; border: solid #000;
border-width: 0 0 0 2px; border-width: 0 0 0 2px;
clear: both;
display: block; display: block;
font-weight: 500; font-weight: 500;
line-height: 1.6; line-height: 1.6;
@ -72,8 +74,11 @@ img {
&[data-float='left'], &[data-float='left'],
&[data-float='right'] { &[data-float='right'] {
@include font-size(2.2rem); @include font-size(2.2rem);
line-height: 1.4; line-height: 1.4;
@include media-breakpoint-up(sm) {
clear: none;
}
} }
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
@ -98,6 +103,7 @@ img {
@include font-size(1.4rem); @include font-size(1.4rem);
background: #f1f2f3; background: #f1f2f3;
clear: both;
display: block; display: block;
margin: 3.2rem 0; margin: 3.2rem 0;
padding: 3.2rem; padding: 3.2rem;
@ -177,9 +183,10 @@ img {
:global(.img-align-left) { :global(.img-align-left) {
float: left; float: left;
margin: 1em 8.3333% 1.5em 0; margin: 0 8.3333% 1.5em 0;
} }
@include media-breakpoint-up(sm) {
:global(.width-30) { :global(.width-30) {
width: 30%; width: 30%;
} }
@ -187,6 +194,7 @@ img {
:global(.width-50) { :global(.width-50) {
width: 50%; width: 50%;
} }
}
:global(.img-align-left.width-50) { :global(.img-align-left.width-50) {
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
@ -195,9 +203,11 @@ img {
} }
:global(.img-align-right) { :global(.img-align-right) {
@include media-breakpoint-up(sm) {
float: right; float: right;
margin: 1em 0 1.5em 8.3333%; margin: 1em 0 1.5em 8.3333%;
} }
}
:global(.img-align-right.width-50) { :global(.img-align-right.width-50) {
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {

3
src/styles/app.scss
View File

@ -589,7 +589,10 @@ figure {
max-height: 90vh; max-height: 90vh;
margin: auto; margin: auto;
} }
}
.ta-video-container,
figure {
figcaption { figcaption {
color: rgb(0 0 0 / 60%); color: rgb(0 0 0 / 60%);