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

Add Clear (#247)

Browse Source
This commit is contained in:
Ilya Y 2023-10-04 18:18:53 +03:00 committed by GitHub
parent 82a3740f0e
commit cbdd6187d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Editor/Prosemirror.scss
View File

@ -75,17 +75,20 @@ mark.highlight {
float: left; float: left;
max-width: 35%; max-width: 35%;
margin: 1rem 2.2em 0 0; margin: 1rem 2.2em 0 0;
clear: left;
} }
[data-float='right'] { [data-float='right'] {
float: right; float: right;
margin: 1rem 0 1rem 2.2em; margin: 1rem 0 1rem 2.2em;
max-width: 35%; max-width: 35%;
clear: right;
} }
[data-float='half-left'] { [data-float='half-left'] {
float: left; float: left;
margin: 1rem 1rem 0; margin: 1rem 1rem 0;
clear: left;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
max-width: 50%; max-width: 50%;
@ -96,6 +99,7 @@ mark.highlight {
[data-float='half-right'] { [data-float='half-right'] {
float: right; float: right;
margin: 1rem 0; margin: 1rem 0;
clear: right;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
max-width: 50%; max-width: 50%;
@ -122,11 +126,13 @@ mark.highlight {
padding-right: 0; padding-right: 0;
margin-right: 1.6rem; margin-right: 1.6rem;
border-width: 0 2px 0 0; border-width: 0 2px 0 0;
clear: left;
} }
&[data-float='right'] { &[data-float='right'] {
margin-left: 1.6rem; margin-left: 1.6rem;
border-width: 0 0 0 2px; border-width: 0 0 0 2px;
clear: right;
} }
} }
@ -151,10 +157,12 @@ mark.highlight {
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
&[data-float='left'] { &[data-float='left'] {
margin-right: 1.5em; margin-right: 1.5em;
clear: left;
} }
&[data-float='right'] { &[data-float='right'] {
margin-left: 1.5em; margin-left: 1.5em;
clear: right;
} }
} }
} }
@ -195,6 +203,7 @@ mark.highlight {
&[data-float='left'], &[data-float='left'],
&[data-float='half-left'] { &[data-float='half-left'] {
margin-left: -1rem; margin-left: -1rem;
clear: left;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
margin-left: -2rem; margin-left: -2rem;
@ -213,6 +222,7 @@ mark.highlight {
&[data-float='right'], &[data-float='right'],
&[data-float='half-right'] { &[data-float='half-right'] {
margin-right: -1rem; margin-right: -1rem;
clear: right;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
margin-left: 2rem; margin-left: 2rem;