|
@@ -129,14 +129,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|
|
*/
|
|
|
/**
|
|
|
* Align wide widths
|
|
|
- * - Sets negative margin for .alignwide and .alignfull blocks
|
|
|
- */
|
|
|
-/**
|
|
|
- * Align right widths
|
|
|
- */
|
|
|
-/**
|
|
|
- * Align container widths
|
|
|
- * - Sets a fixed-width on content within alignwide and alignfull blocks
|
|
|
+ * - Sets .alignwide widths
|
|
|
*/
|
|
|
/**
|
|
|
* Crop Text Boundry
|
|
@@ -1930,32 +1923,25 @@ table th,
|
|
|
margin-bottom: 32px;
|
|
|
}
|
|
|
|
|
|
-.entry-content > .alignwide {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-
|
|
|
-.entry-content > .alignwide [class*="inner-container"] > .alignwide,
|
|
|
-.entry-content > .alignwide [class*="inner-container"] > .alignfull {
|
|
|
- margin-right: auto;
|
|
|
- margin-left: auto;
|
|
|
- max-width: 100%;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
- margin-right: auto;
|
|
|
- margin-left: auto;
|
|
|
- max-width: calc( 100% - 64px);
|
|
|
- width: calc( 100% - 64px);
|
|
|
+/**
|
|
|
+ * .aligndefault
|
|
|
+ */
|
|
|
+.entry-content [class*="inner-container"] {
|
|
|
+ max-width: inherit;
|
|
|
}
|
|
|
|
|
|
-.entry-content > .alignfull {
|
|
|
+/**
|
|
|
+ * .alignwide
|
|
|
+ */
|
|
|
+.alignwide {
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
-.entry-content [class*="inner-container"] > .alignfull {
|
|
|
- max-width: 100%;
|
|
|
- width: 100%;
|
|
|
+/**
|
|
|
+ * .alignfull
|
|
|
+ */
|
|
|
+.alignfull {
|
|
|
+ clear: both;
|
|
|
}
|
|
|
|
|
|
.has-left-content {
|
|
@@ -3099,8 +3085,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: 100%;
|
|
|
margin-right: auto;
|
|
|
margin-left: auto;
|
|
@@ -3110,8 +3096,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
- .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+ .wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: calc( 560px - 32px);
|
|
|
}
|
|
|
}
|
|
@@ -3120,8 +3106,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
- .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+ .wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: calc( 640px - 32px);
|
|
|
}
|
|
|
}
|
|
@@ -3130,8 +3116,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
- .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+ .wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: calc( 782px - 32px);
|
|
|
}
|
|
|
}
|
|
@@ -3140,8 +3126,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
- .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+ .wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: calc( 782px - 32px);
|
|
|
}
|
|
|
}
|
|
@@ -3150,8 +3136,8 @@ img#wpstats {
|
|
|
.responsive-max-width, .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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
|
|
|
- .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
+ .wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
|
|
|
+ .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
|
|
|
max-width: calc( 782px - 32px);
|
|
|
}
|
|
|
}
|
|
@@ -3198,6 +3184,48 @@ img#wpstats {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(100% + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ margin-right: auto;
|
|
|
+ margin-left: auto;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(calc( 560px - 32px) + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 640px) {
|
|
|
+ .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(calc( 640px - 32px) + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 782px) {
|
|
|
+ .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 1024px) {
|
|
|
+ .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 1280px) {
|
|
|
+ .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
|
|
|
+ width: calc(calc( 782px - 32px) + 256px);
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
|
|
|
/* Letting the box-model do all the work here. */
|
|
|
}
|