Browse Source

rebuild assets

Ben Dwyer 4 years ago
parent
commit
fe7eb15a3a

+ 12 - 12
seedlet/assets/css/ie-editor.css

@@ -30,25 +30,25 @@
  * Extends
  */
 .default-max-width {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.default-max-width {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
 .wide-max-width {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 652px) {
 	.wide-max-width {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
@@ -1226,12 +1226,12 @@ p.has-background {
 
 .wp-block-search {
 	display: flex;
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block-search {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -1699,31 +1699,31 @@ pre.wp-block-verse {
 
 /* Block Alignments */
 .wp-block {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 @media only screen and (min-width: 652px) {
 	.wp-block {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
 .wp-block[data-align="wide"] {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block[data-align="wide"] {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
 .wp-block.alignwide {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block.alignwide {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 

+ 44 - 67
seedlet/assets/css/ie.css

@@ -98,119 +98,97 @@ Included in theme screenshot and in block patterns.
  * Extends
  */
 .default-max-width {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.default-max-width {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 hr.wp-block-separator.is-style-wide {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	hr.wp-block-separator.is-style-wide {
-	max-width: min(calc(100vw - 200px), 750px);
-	}
-}
-.entry-header > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: calc(100vw - 30px);
-	margin-left: auto;
-	margin-right: auto;
-}
-@media only screen and (min-width: 652px) {
-	.entry-header > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 .entry-content .wp-audio-shortcode {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.entry-content .wp-audio-shortcode {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 .post-thumbnail {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.post-thumbnail {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 .navigation {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 652px) {
 	.navigation {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
 .wide-max-width {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 652px) {
 	.wide-max-width {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
 .alignwide {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 652px) {
 	.alignwide {
-	max-width: calc(100vw - 200px);
-	}
-}
-
-.site-footer {
-	max-width: calc(100vw - 30px);
-	margin-left: auto;
-	margin-right: auto;
-}
-
-@media only screen and (min-width: 652px) {
-	.site-footer {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
@@ -266,26 +244,26 @@ hr.wp-block-separator.is-style-wide {
 .alignwide [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
-	width: calc(100vw - 30px);
+	width: calc(100vw - 50px);
 	max-width: 100%;
 }
 
 @media only screen and (min-width: 652px) {
 	.alignwide [class*="inner-container"] > .alignwide {
-	width: calc(100vw - 200px);
+	width: min(calc(100vw - 200px), 790px);
 	}
 }
 
 .alignfull [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
-	width: calc(100vw - 30px);
+	width: calc(100vw - 50px);
 	max-width: 100%;
 }
 
 @media only screen and (min-width: 652px) {
 	.alignfull [class*="inner-container"] > .alignwide {
-	width: calc(100vw - 200px);
+	width: min(calc(100vw - 200px), 790px);
 	}
 }
 
@@ -293,31 +271,31 @@ hr.wp-block-separator.is-style-wide {
 	/*rtl:ignore*/
 	margin-left: 0;
 	/*rtl:ignore*/
-	margin-right: 30px;
+	margin-right: 50px;
 }
 
 @media only screen and (min-width: 482px) {
 	.entry-content > .alignleft {
 		/*rtl:ignore*/
-		margin-left: 15px;
+		margin-left: 25px;
 		/*rtl:ignore*/
 		margin-right: 25px;
 	}
 	@media only screen and (min-width: 482px) {
 		.entry-content > .alignleft {
-		margin-left: 15px;
+		margin-left: 25px;
 		}
 	}
 	@media only screen and (min-width: 652px) {
 		.entry-content > .alignleft {
-		margin-left: 15px;
+		margin-left: 25px;
 		}
 	}
 }
 
 .entry-content > .alignright {
 	/*rtl:ignore*/
-	margin-left: 30px;
+	margin-left: 50px;
 	/*rtl:ignore*/
 	margin-right: 0;
 }
@@ -327,16 +305,16 @@ hr.wp-block-separator.is-style-wide {
 		/*rtl:ignore*/
 		margin-left: 25px;
 		/*rtl:ignore*/
-		margin-right: 15px;
+		margin-right: 25px;
 	}
 	@media only screen and (min-width: 482px) {
 		.entry-content > .alignright {
-		margin-right: 15px;
+		margin-right: 25px;
 		}
 	}
 	@media only screen and (min-width: 652px) {
 		.entry-content > .alignright {
-		margin-right: 15px;
+		margin-right: 25px;
 		}
 	}
 }
@@ -2883,22 +2861,22 @@ p.has-text-color a {
 }
 
 .wp-block-pullquote.alignwide > p {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block-pullquote.alignwide > p {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
 .wp-block-pullquote.alignwide blockquote {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block-pullquote.alignwide blockquote {
-	max-width: calc(100vw - 200px);
+	max-width: min(calc(100vw - 200px), 790px);
 	}
 }
 
@@ -3085,12 +3063,12 @@ p.has-text-color a {
 
 .wp-block-search {
 	display: flex;
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.wp-block-search {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -3252,12 +3230,12 @@ table th {
 }
 
 .entry-content > .alignleft {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.entry-content > .alignleft {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -3286,12 +3264,12 @@ table th {
 }
 
 .entry-content > .alignright {
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.entry-content > .alignright {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -4771,11 +4749,11 @@ nav a {
 /* Author description */
 .author-bio {
 	font-size: 14px;
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 @media only screen and (min-width: 652px) {
 	.author-bio {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -5282,12 +5260,12 @@ nav a {
 .search-form {
 	display: flex;
 	margin: auto;
-	max-width: calc(100vw - 30px);
+	max-width: calc(100vw - 50px);
 }
 
 @media only screen and (min-width: 652px) {
 	.search-form {
-	max-width: min(calc(100vw - 200px), 750px);
+	max-width: min(calc(100vw - 200px), 620px);
 	}
 }
 
@@ -5327,7 +5305,6 @@ img#wpstats {
 
 .page-title {
 	font-size: 24px;
-	word-break: break-all;
 }
 
 /**

+ 3 - 3
seedlet/assets/css/style-editor.css

@@ -208,7 +208,7 @@
  * Root Media Query Variables
  */
 :root {
-	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
 	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
@@ -226,8 +226,8 @@
 
 @media only screen and (min-width: 652px) {
 	:root {
-		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 750px);
-		--responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
+		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 620px);
+		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 790px);
 	}
 }
 

+ 3 - 3
seedlet/assets/css/style-woocommerce-rtl.css

@@ -8,7 +8,7 @@
  * Root Media Query Variables
  */
 :root {
-	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
 	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
@@ -26,8 +26,8 @@
 
 @media only screen and (min-width: 652px) {
 	:root {
-		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 750px);
-		--responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
+		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 620px);
+		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 790px);
 	}
 }
 

+ 3 - 3
seedlet/assets/css/style-woocommerce.css

@@ -8,7 +8,7 @@
  * Root Media Query Variables
  */
 :root {
-	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
 	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
@@ -26,8 +26,8 @@
 
 @media only screen and (min-width: 652px) {
 	:root {
-		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 750px);
-		--responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
+		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 620px);
+		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 790px);
 	}
 }
 

+ 0 - 1
seedlet/assets/sass/blocks/utilities/_style.scss

@@ -3,7 +3,6 @@
 /**
  * These selectors set the default max width for content appearing inside a post or page.
  */
-.entry-header > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	@extend %responsive-aligndefault-width;

+ 1 - 1
seedlet/assets/sass/structure/_responsive-logic.scss

@@ -6,7 +6,7 @@
  * Required Variables
  */
 $default_width: 620px;
-$alignwide_width: 790px
+$alignwide_width: 790px;
 $breakpoint_sm: 482px;
 $breakpoint_md: 592px;
 $breakpoint_lg: 652px;

+ 5 - 7
seedlet/style-rtl.css

@@ -302,7 +302,7 @@ Included in theme screenshot and in block patterns.
  * Root Media Query Variables
  */
 :root {
-	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
 	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
@@ -320,23 +320,22 @@ Included in theme screenshot and in block patterns.
 
 @media only screen and (min-width: 652px) {
 	:root {
-		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 750px);
-		--responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
+		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 620px);
+		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 790px);
 	}
 }
 
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .entry-header > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-right: auto;
 	margin-left: auto;
 }
 
-.wide-max-width, .alignwide, .site-footer {
+.wide-max-width, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-right: auto;
 	margin-left: auto;
@@ -4108,7 +4107,6 @@ img#wpstats {
 
 .page-title {
 	font-size: var(--heading--font-size-h4);
-	word-break: break-all;
 }
 
 /**

+ 5 - 7
seedlet/style.css

@@ -302,7 +302,7 @@ Included in theme screenshot and in block patterns.
  * Root Media Query Variables
  */
 :root {
-	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
 	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
@@ -320,23 +320,22 @@ Included in theme screenshot and in block patterns.
 
 @media only screen and (min-width: 652px) {
 	:root {
-		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 750px);
-		--responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
+		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 620px);
+		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 790px);
 	}
 }
 
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .entry-header > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-left: auto;
 	margin-right: auto;
 }
 
-.wide-max-width, .alignwide, .site-footer {
+.wide-max-width, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-left: auto;
 	margin-right: auto;
@@ -4133,7 +4132,6 @@ img#wpstats {
 
 .page-title {
 	font-size: var(--heading--font-size-h4);
-	word-break: break-all;
 }
 
 /**