changed variables for align left/right margin and width

This commit is contained in:
Maggie Cabrera 2020-10-07 18:52:23 +02:00
parent 4188dad5e6
commit 553e1821d5
10 changed files with 21 additions and 21 deletions

View file

@ -238,7 +238,7 @@
@media only screen and (min-width: 482px) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
}
}

File diff suppressed because one or more lines are too long

View file

@ -18,7 +18,7 @@
@media only screen and (min-width: 482px) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
}
}

View file

@ -18,7 +18,7 @@
@media only screen and (min-width: 482px) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
}
}

File diff suppressed because one or more lines are too long

View file

@ -37,7 +37,7 @@
}
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}
@ -80,7 +80,7 @@
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}

View file

@ -18,7 +18,7 @@
@include media(mobile) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) ); //calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
}
}
@ -70,7 +70,7 @@
@include media(mobile) {
%responsive-alignleft {
/*rtl:ignore*/
margin-left: var(--responsive--alignrightleft-width);
margin-left: calc( 50% - var(--responsive--alignrightleft-width));
/*rtl:ignore*/
margin-right: var(--global--spacing-horizontal);
}
@ -81,7 +81,7 @@
/*rtl:ignore*/
margin-left: var(--global--spacing-horizontal);
/*rtl:ignore*/
margin-right: var(--responsive--alignrightleft-width);
margin-right: calc( 50% - var(--responsive--alignrightleft-width));
}
}

View file

@ -315,7 +315,7 @@ Included in theme screenshot and in block patterns.
@media only screen and (min-width: 482px) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
}
}
@ -360,7 +360,7 @@ Included in theme screenshot and in block patterns.
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
margin-left: var(--responsive--alignrightleft-width);
margin-left: calc( 50% - var(--responsive--alignrightleft-width));
margin-right: var(--global--spacing-horizontal);
}
}
@ -368,7 +368,7 @@ Included in theme screenshot and in block patterns.
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
margin-left: var(--global--spacing-horizontal);
margin-right: var(--responsive--alignrightleft-width);
margin-right: calc( 50% - var(--responsive--alignrightleft-width));
}
}
@ -2382,7 +2382,7 @@ table th,
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}
@ -2416,7 +2416,7 @@ table th,
margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}

View file

@ -315,7 +315,7 @@ Included in theme screenshot and in block patterns.
@media only screen and (min-width: 482px) {
:root {
--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
}
}
@ -361,7 +361,7 @@ Included in theme screenshot and in block patterns.
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: var(--responsive--alignrightleft-width);
margin-left: calc( 50% - var(--responsive--alignrightleft-width));
/*rtl:ignore*/
margin-right: var(--global--spacing-horizontal);
}
@ -372,7 +372,7 @@ Included in theme screenshot and in block patterns.
/*rtl:ignore*/
margin-left: var(--global--spacing-horizontal);
/*rtl:ignore*/
margin-right: var(--responsive--alignrightleft-width);
margin-right: calc( 50% - var(--responsive--alignrightleft-width));
}
}
@ -2389,7 +2389,7 @@ table th,
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}
@ -2425,7 +2425,7 @@ table th,
margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignrightleft-width));
max-width: var(--responsive--alignrightleft-width);
}
}

File diff suppressed because one or more lines are too long