changed variables for align left/right margin and width
This commit is contained in:
parent
4188dad5e6
commit
553e1821d5
10 changed files with 21 additions and 21 deletions
|
@ -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
|
@ -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))) );
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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
Loading…
Reference in a new issue