Varia: Cleaning up logic to focus only on .alignwide and .alignfull
This commit is contained in:
Allan Cole
parent
2b9ee332e1
commit
d6821eaf9c
6 changed files with 189 additions and 117 deletions
|
|
@ -91,22 +91,22 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
|
|||
@include align-container-width( calc( #{$content-width-flex} - #{$horizontal-padding} ) );
|
||||
|
||||
@include media(mobile) {
|
||||
@include align-container-width( calc( #{$content-width-sm} - #{$horizontal-padding} ) );
|
||||
@include align-container-width( #{$content-width-sm} );
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
@include align-container-width( calc( #{$content-width-md} - #{$horizontal-padding} ) );
|
||||
@include align-container-width( #{$content-width-md} );
|
||||
}
|
||||
|
||||
@include media(laptop) {
|
||||
@include align-container-width( calc( #{$content-width-lg} - #{$horizontal-padding} ) );
|
||||
@include align-container-width( #{$content-width-lg} );
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
@include align-container-width( calc( #{$content-width-lg} - #{$horizontal-padding} ) );
|
||||
@include align-container-width( #{$content-width-lg} );
|
||||
}
|
||||
|
||||
@include media(wide) {
|
||||
@include align-container-width( calc( #{$content-width-lg} - #{$horizontal-padding} ) );
|
||||
@include align-container-width( #{$content-width-lg} );
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
.wp-block-cover__inner-container,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
@extend %responsive-align-container;
|
||||
width: calc(100% - #{2 * map-deep-get($config-global, "spacing", "horizontal")});
|
||||
color: #{map-deep-get($config-global, "color", "background")};
|
||||
margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
|
||||
margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
|
||||
|
|
@ -56,6 +56,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.alignwide,
|
||||
&.alignfull {
|
||||
.wp-block-cover__inner-container,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
@extend %responsive-align-container;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-left-content,
|
||||
&.has-right-content {
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
.wp-block-group {
|
||||
|
||||
.wp-block-group__inner-container {
|
||||
@extend %responsive-align-container;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
|
|
@ -19,6 +18,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.alignwide .wp-block-group__inner-container,
|
||||
&.alignfull .wp-block-group__inner-container {
|
||||
@extend %responsive-align-container;
|
||||
}
|
||||
|
||||
&.alignwide .alignwide,
|
||||
&.alignwide .alignfull,
|
||||
&.alignfull .alignwide {
|
||||
|
|
|
|||
|
|
@ -57,17 +57,12 @@
|
|||
// max-width: calc( var(--global--width-content) - (2 * calc( var(--global--width-content) / 12 )) );
|
||||
}
|
||||
|
||||
&.alignleft blockquote,
|
||||
&.alignright blockquote {
|
||||
blockquote {
|
||||
padding-left: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
padding-right: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote__citation,
|
||||
cite,
|
||||
footer {
|
||||
|
|
|
|||
|
|
@ -1174,6 +1174,7 @@ input.has-focus[type="submit"],
|
|||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text {
|
||||
width: calc(100% - 32px);
|
||||
color: white;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -1695,17 +1696,12 @@ p.has-background:not(.has-background-background-color) a {
|
|||
color: white;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
|
||||
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote.is-style-solid-color cite,
|
||||
.wp-block-pullquote.is-style-solid-color footer {
|
||||
|
|
@ -3002,12 +2998,18 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
|
|
@ -3016,77 +3018,107 @@ table th,
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 560px - 32px) - 32px));
|
||||
width: calc( calc( calc( 560px - 32px) - 32px));
|
||||
max-width: calc( calc( 560px - 32px));
|
||||
width: calc( calc( 560px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 640px - 32px) - 32px));
|
||||
width: calc( calc( calc( 640px - 32px) - 32px));
|
||||
max-width: calc( calc( 640px - 32px));
|
||||
width: calc( calc( 640px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
136
varia/style.css
136
varia/style.css
|
|
@ -1174,6 +1174,7 @@ input.has-focus[type="submit"],
|
|||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text {
|
||||
width: calc(100% - 32px);
|
||||
color: white;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
|
@ -1695,17 +1696,12 @@ p.has-background:not(.has-background-background-color) a {
|
|||
color: white;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
|
||||
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote.is-style-solid-color cite,
|
||||
.wp-block-pullquote.is-style-solid-color footer {
|
||||
|
|
@ -3007,12 +3003,18 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
|
|
@ -3021,77 +3023,107 @@ table th,
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 560px - 32px) - 32px));
|
||||
width: calc( calc( calc( 560px - 32px) - 32px));
|
||||
max-width: calc( calc( 560px - 32px));
|
||||
width: calc( calc( 560px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 640px - 32px) - 32px));
|
||||
width: calc( calc( calc( 640px - 32px) - 32px));
|
||||
max-width: calc( calc( 640px - 32px));
|
||||
width: calc( calc( 640px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 782px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text, .wp-block-group .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-cover.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover.alignfull .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignwide .wp-block-cover-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
|
||||
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
|
||||
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
|
||||
max-width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
width: calc( calc( calc( 782px - 32px) - 32px));
|
||||
max-width: calc( calc( 782px - 32px));
|
||||
width: calc( calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue