瀏覽代碼

Merge branch 'master' into seedlet-blocks/add/site-logo-block

Kjell Reigstad 5 年之前
父節點
當前提交
59d21ceea9
共有 100 個文件被更改,包括 1013 次插入1146 次删除
  1. 16 48
      alves/inc/wpcom-colors.php
  2. 1 1
      alves/sass/_config-child-theme-deep.scss
  3. 6 0
      alves/sass/style-child-theme-editor.scss
  4. 15 0
      alves/style-editor.css
  5. 9 11
      alves/style-rtl.css
  6. 9 11
      alves/style.css
  7. 1 1
      balasana/sass/_config-child-theme-deep.scss
  8. 6 0
      balasana/sass/style-child-theme-editor.scss
  9. 15 0
      balasana/style-editor.css
  10. 9 11
      balasana/style-rtl.css
  11. 9 11
      balasana/style.css
  12. 1 1
      barnsbury/sass/_config-child-theme-deep.scss
  13. 5 0
      barnsbury/sass/style-child-theme-editor.scss
  14. 15 0
      barnsbury/style-editor.css
  15. 9 11
      barnsbury/style-rtl.css
  16. 9 11
      barnsbury/style.css
  17. 1 1
      brompton/sass/_config-child-theme-deep.scss
  18. 6 0
      brompton/sass/style-child-theme-editor.scss
  19. 15 0
      brompton/style-editor.css
  20. 9 11
      brompton/style-rtl.css
  21. 9 11
      brompton/style.css
  22. 2 2
      canard/js/single-thumbnail.js
  23. 1 33
      coutoire/inc/wpcom-colors.php
  24. 1 1
      coutoire/sass/_config-child-theme-deep.scss
  25. 6 0
      coutoire/sass/style-child-theme-editor.scss
  26. 15 0
      coutoire/style-editor.css
  27. 9 11
      coutoire/style-rtl.css
  28. 9 11
      coutoire/style.css
  29. 1 1
      dalston/sass/_config-child-theme-deep.scss
  30. 6 0
      dalston/sass/style-child-theme-editor.scss
  31. 15 0
      dalston/style-editor.css
  32. 9 11
      dalston/style-rtl.css
  33. 9 11
      dalston/style.css
  34. 1 1
      exford/sass/_config-child-theme-deep.scss
  35. 6 0
      exford/sass/style-child-theme-editor.scss
  36. 15 0
      exford/style-editor.css
  37. 9 11
      exford/style-rtl.css
  38. 9 11
      exford/style.css
  39. 1 1
      hever/sass/_config-child-theme-deep.scss
  40. 6 0
      hever/sass/style-child-theme-editor.scss
  41. 15 0
      hever/style-editor.css
  42. 9 11
      hever/style-rtl.css
  43. 9 11
      hever/style.css
  44. 1 1
      leven/sass/_config-child-theme-deep.scss
  45. 6 0
      leven/sass/style-child-theme-editor.scss
  46. 15 0
      leven/style-editor.css
  47. 9 11
      leven/style-rtl.css
  48. 9 11
      leven/style.css
  49. 1 1
      mayland/sass/_config-child-theme-deep.scss
  50. 6 0
      mayland/sass/style-child-theme-editor.scss
  51. 15 0
      mayland/style-editor.css
  52. 9 11
      mayland/style-rtl.css
  53. 9 11
      mayland/style.css
  54. 1 1
      maywood/sass/_config-child-theme-deep.scss
  55. 6 0
      maywood/sass/style-child-theme-editor.scss
  56. 15 0
      maywood/style-editor.css
  57. 9 11
      maywood/style-rtl.css
  58. 9 11
      maywood/style.css
  59. 1 1
      morden/sass/_config-child-theme-deep.scss
  60. 6 0
      morden/sass/style-child-theme-editor.scss
  61. 15 0
      morden/style-editor.css
  62. 9 11
      morden/style-rtl.css
  63. 9 11
      morden/style.css
  64. 1 1
      redhill/sass/_config-child-theme-deep.scss
  65. 6 0
      redhill/sass/style-child-theme-editor.scss
  66. 15 0
      redhill/style-editor.css
  67. 9 11
      redhill/style-rtl.css
  68. 9 11
      redhill/style.css
  69. 10 0
      rivington/functions.php
  70. 20 34
      rivington/inc/wpcom-colors.php
  71. 1 1
      rivington/sass/_config-child-theme-deep.scss
  72. 6 0
      rivington/sass/style-child-theme-editor.scss
  73. 15 0
      rivington/style-editor.css
  74. 9 11
      rivington/style-rtl.css
  75. 9 11
      rivington/style.css
  76. 1 1
      rockfield/sass/_config-child-theme-deep.scss
  77. 6 0
      rockfield/sass/style-child-theme-editor.scss
  78. 15 0
      rockfield/style-editor.css
  79. 9 11
      rockfield/style-rtl.css
  80. 9 11
      rockfield/style.css
  81. 9 1
      seedlet-blocks/block-template-parts/footer.html
  82. 9 1
      seedlet-blocks/block-template-parts/header.html
  83. 4 4
      seedlet-blocks/block-templates/index.html
  84. 4 4
      seedlet-blocks/block-templates/singular.html
  85. 0 20
      seedlet-blocks/style.css
  86. 5 0
      seedlet/assets/css/custom-color-overrides.css
  87. 100 400
      seedlet/assets/css/ie.css
  88. 196 0
      seedlet/assets/css/style-editor.css
  89. 0 198
      seedlet/assets/css/variables-editor.css
  90. 0 4
      seedlet/assets/sass/_variables-editor.scss
  91. 3 3
      seedlet/assets/sass/abstracts/_config.scss
  92. 0 8
      seedlet/assets/sass/blocks/file/_style.scss
  93. 1 1
      seedlet/assets/sass/blocks/gallery/_style.scss
  94. 0 10
      seedlet/assets/sass/blocks/pullquote/_style.scss
  95. 18 19
      seedlet/assets/sass/blocks/utilities/_style.scss
  96. 0 8
      seedlet/assets/sass/blocks/video/_style.scss
  97. 3 0
      seedlet/assets/sass/style-editor.scss
  98. 2 2
      seedlet/classes/class-seedlet-custom-colors.php
  99. 11 0
      seedlet/functions.php
  100. 0 1
      seedlet/package.json

+ 16 - 48
alves/inc/wpcom-colors.php

@@ -36,14 +36,6 @@ add_color_rule( 'bg', '#ffffff', array(
 			.wp-block-button__link,
 			.wp-block-button__link:focus,
 			.wp-block-button__link:hover,
-			.wp-block-cover-image.has-background-background-color .wp-block-cover-image-text,
-			.wp-block-cover-image.has-background-background-color .wp-block-cover-text,
-			.wp-block-cover-image.has-background-background-color .wp-block-cover__inner-container,
-			.wp-block-cover.has-background-background-color .wp-block-cover-image-text,
-			.wp-block-cover.has-background-background-color .wp-block-cover-text,
-			.wp-block-cover.has-background-background-color .wp-block-cover__inner-container,
-			.wp-block-cover.has-background-dim,
-			.wp-block-cover-image.has-background-dim,
 			.wp-block-file .wp-block-file__button,
 			.wp-block-file a.wp-block-file__button:active,
 			.wp-block-file a.wp-block-file__button:focus,
@@ -85,11 +77,14 @@ add_color_rule( 'bg', '#ffffff', array(
 			.has-background-dark-color[class],
 			.has-background-light-color[class]', 'color' ),
 	// Background-color
-	array( '.has-background-background-color[class]', 'background-color' ),
+	array( '.has-background-background-color[class],
+			.has-background-background-color.has-background-dim[class]', 'background-color' ),
 	// Background-color darkened
-	array( '.has-background-dark-background-color[class]', 'background-color', '-1' ),
+	array( '.has-background-dark-background-color[class],
+			.has-background-dark-background-color.has-background-dim[class]', 'background-color', '-1' ),
 	// Background-color lightened
-	array( '.has-background-light-background-color[class]', 'background-color', '+1' ),
+	array( '.has-background-light-background-color[class],
+			.has-background-light-background-color.has-background-dim[class]', 'background-color', '+1' ),
 
 	/**
  	 * Grays
@@ -174,7 +169,8 @@ add_color_rule( 'link', '#3E7D98', array(
 	 * Utility Classes
 	 */
 	// Background-color
-	array( '.has-primary-background-color[class]', 'background-color' ),
+	array( '.has-primary-background-color[class],
+			.has-primary-background-color.has-background-dim[class]', 'background-color' ),
 	// Text-color
 	array( '.has-primary-color[class]', 'color' ),
 
@@ -206,38 +202,6 @@ add_color_rule( 'txt', '#394d55', array(
 			body,
 			body .widget_eu_cookie_law_widget #eu-cookie-law,
 			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept,
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus,
 			.site-header .main-navigation > div > ul > li .sub-menu a,
 			.a8c-posts-list__item .a8c-posts-list-item__meta,
 			.entry-footer,
@@ -278,17 +242,20 @@ add_color_rule( 'txt', '#394d55', array(
 	 */
 	// Foreground
 	array( '.has-foreground-color[class]', 'color' ),
-	array( '.has-foreground-background-color[class]', 'background-color' ),
+	array( '.has-foreground-background-color[class],
+			.has-foreground-background-color.has-background-dim[class]', 'background-color' ),
 
 	// Text-color darkened
 	array( '.has-foreground-dark-color[class]', 'color', '-1' ),
 	// Background-color darkened
-	array( '.has-foreground-dark-background-color[class]', 'background-color', '-1' ),
+	array( '.has-foreground-dark-background-color[class],
+			.has-foreground-dark-background-color.has-background-dim[class]', 'background-color', '-1' ),
 
 	// Text-color brightened
 	array( '.has-foreground-light-color[class]', 'color', '+2' ),
 	// Background-color brightened
-	array( '.has-foreground-light-background-color[class]', 'background-color', '+2' ),
+	array( '.has-foreground-light-background-color[class],
+			.has-foreground-light-background-color.has-background-dim[class]', 'background-color', '+2' ),
 
 ), __( 'Text Color' ) );
 
@@ -378,7 +345,8 @@ add_color_rule( 'fg1', '#9B6A36', array(
 	array( '.has-secondary-color[class]', 'color' ),
 
 	// Background-color
-	array( '.has-secondary-background-color[class]', 'background-color' ),
+	array( '.has-secondary-background-color[class],
+			.has-secondary-background-color.has-background-dim[class]', 'background-color' ),
 
 ), __( 'Secondary Color' ) );
 

+ 1 - 1
alves/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
alves/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
alves/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
alves/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #394d55;
+	color: black;
 	border: 1px solid #3E7D98;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #394d55;
+	color: black;
 	border-color: #2f5f74;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
alves/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #394d55;
+	color: black;
 	border: 1px solid #3E7D98;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #394d55;
+	color: black;
 	border-color: #2f5f74;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
balasana/sass/_config-child-theme-deep.scss

@@ -146,7 +146,7 @@ $config-elements: (
 	"form": (
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
balasana/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
balasana/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
balasana/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #145f3e;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
balasana/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #145f3e;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
barnsbury/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "dark"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 5 - 0
barnsbury/sass/style-child-theme-editor.scss

@@ -32,6 +32,11 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
 
 .wp-block-cover,
 .wp-block-cover-image,

+ 15 - 0
barnsbury/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 .wp-block-cover .wp-block-separator,
 .wp-block-cover-image .wp-block-separator,
 .has-background .wp-block-separator {

+ 9 - 11
barnsbury/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3C2323;
+	color: black;
 	border: 1px solid #AAAAAA;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3C2323;
+	color: black;
 	border-color: #133a24;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
barnsbury/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3C2323;
+	color: black;
 	border: 1px solid #AAAAAA;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3C2323;
+	color: black;
 	border-color: #133a24;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
brompton/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
brompton/sass/style-child-theme-editor.scss

@@ -33,6 +33,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
brompton/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
brompton/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #252E36;
+	color: black;
 	border: 1px solid #B9B6B2;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #252E36;
+	color: black;
 	border-color: #252E36;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
brompton/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #252E36;
+	color: black;
 	border: 1px solid #B9B6B2;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #252E36;
+	color: black;
 	border-color: #252E36;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 2 - 2
canard/js/single-thumbnail.js

@@ -2,9 +2,9 @@
 
 	$( window ).load( function() {
 
-		$( '.entry-meta, .entry-title' ).wrapAll( '<div class="entry-header-inner" />' );
+		$( '.page .hentry.has-post-thumbnail .entry-header .entry-meta, .single .hentry.has-post-thumbnail .entry-header .entry-meta, .page .hentry.has-post-thumbnail .entry-header .entry-title, .single .hentry.has-post-thumbnail .entry-header .entry-title' ).wrapAll( '<div class="entry-header-inner" />' );
 		$( '.entry-header-inner' ).wrap( '<div class="entry-header-wrapper" />' );
-		$( '.entry-header' ).insertBefore( '.site-content-inner' )
+		$( '.page .hentry.has-post-thumbnail .entry-header, .single .hentry.has-post-thumbnail .entry-header' ).insertBefore( '.site-content-inner' )
 		                    .addClass( 'entry-hero' );
 
 	} );

+ 1 - 33
coutoire/inc/wpcom-colors.php

@@ -192,39 +192,7 @@ add_color_rule( 'txt', '#444444', array(
 			.wp-block-pullquote,
 			body,
 			body .widget_eu_cookie_law_widget #eu-cookie-law,
-			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept,
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus', 'color' ),
+			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept', 'color' ),
 
 	// Background-color
 	array( '.wp-block-cover.has-background-dim,

+ 1 - 1
coutoire/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
coutoire/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
coutoire/style-editor.css

@@ -1298,6 +1298,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: #000000;
+}
+
 /**
  * Extras
  */

+ 9 - 11
coutoire/style-rtl.css

@@ -1057,7 +1057,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: #000000;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1079,7 +1079,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: #000000;
 	border-color: #FF7A5C;
 }
 
@@ -3175,15 +3175,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
coutoire/style.css

@@ -1057,7 +1057,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: #000000;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1079,7 +1079,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: #000000;
 	border-color: #FF7A5C;
 }
 
@@ -3194,15 +3194,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
dalston/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
dalston/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
dalston/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
dalston/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #1e1e1e;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #1e1e1e;
+	color: black;
 	border-color: #005177;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
dalston/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #1e1e1e;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #1e1e1e;
+	color: black;
 	border-color: #005177;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
exford/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
exford/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
exford/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
exford/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #111111;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #111111;
+	color: black;
 	border-color: #195f2b;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
exford/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #111111;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #111111;
+	color: black;
 	border-color: #195f2b;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
hever/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
hever/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
hever/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
hever/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
hever/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
leven/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
leven/sass/style-child-theme-editor.scss

@@ -33,6 +33,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
leven/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
leven/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #1285ce;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
leven/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #1285ce;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
mayland/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
mayland/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
mayland/style-editor.css

@@ -1300,6 +1300,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
mayland/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #010101;
+	color: black;
 	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #010101;
+	color: black;
 	border-color: #666666;
 }
 
@@ -3176,15 +3176,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
mayland/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #010101;
+	color: black;
 	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #010101;
+	color: black;
 	border-color: #666666;
 }
 
@@ -3195,15 +3195,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
maywood/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
maywood/sass/style-child-theme-editor.scss

@@ -25,6 +25,12 @@
  */
 @import "../../varia/sass/elements/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and

+ 15 - 0
maywood/style-editor.css

@@ -282,6 +282,21 @@ object {
 	max-width: 100%;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and

+ 9 - 11
maywood/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #181818;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #181818;
+	color: black;
 	border-color: #685636;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
maywood/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #181818;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #181818;
+	color: black;
 	border-color: #685636;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
morden/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
morden/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
morden/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
morden/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
morden/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
redhill/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
redhill/sass/style-child-theme-editor.scss

@@ -44,6 +44,12 @@ html {
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 .wp-block-a8c-blog-posts {
 	.entry-title {
 		@include font-family( map-deep-get($config-global, "font", "family", "primary") );

+ 15 - 0
redhill/style-editor.css

@@ -1313,6 +1313,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 .wp-block-a8c-blog-posts .entry-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);

+ 9 - 11
redhill/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #222222;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #222222;
+	color: black;
 	border-color: #222222;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
redhill/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #222222;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #222222;
+	color: black;
 	border-color: #222222;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 10 - 0
rivington/functions.php

@@ -181,5 +181,15 @@ function rivington_editor_styles() {
 
 	// Enqueue Google fonts in the editor, if necessary
 	wp_enqueue_style( 'rivington-editor-fonts', rivington_fonts_url(), array(), null );
+
+	// Hide duplicate palette colors
+	$colors_array = get_theme_mod('colors_manager', array( 'colors' => true )); // color annotations array()
+	if ( ! empty( $colors_array ) && $colors_array['colors']['txt'] != '#F2F2F2' ) { // $config-global--color-foreground-light-default;
+		$inline_palette_css = '.block-editor-color-gradient-control .components-circular-option-picker__option-wrapper:nth-child(5),
+			.block-editor-color-gradient-control .components-circular-option-picker__option-wrapper:nth-child(6) {
+				display: none;
+			}';
+		wp_add_inline_style( 'wp-edit-blocks', $inline_palette_css );
+	}
 }
 add_action( 'enqueue_block_editor_assets', 'rivington_editor_styles' );

+ 20 - 34
rivington/inc/wpcom-colors.php

@@ -73,40 +73,7 @@ add_color_rule( 'bg', '#060f29', array(
 			button[data-load-more-btn],
 			input.has-focus[type="submit"],
 			input:focus[type="submit"],
-			input:hover[type="submit"],
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="submit"],
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus', 'color' ),
+			input:hover[type="submit"]', 'color' ),
 
 	/**
 	 * Utility Classes
@@ -426,6 +393,25 @@ add_color_rule( 'fg1', '#EE4266', array(
  * Custom CSS
  */
 function rivington_custom_colors_extra_css() { ?>
+	input[type="text"],
+	input[type="email"],
+	input[type="url"],
+	input[type="password"],
+	input[type="search"],
+	input[type="number"],
+	input[type="tel"],
+	input[type="range"],
+	input[type="date"],
+	input[type="month"],
+	input[type="week"],
+	input[type="time"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="color"],
+	textarea {
+		border-width: 1px;
+	}
+
 	@media screen and (min-width: 560px) {
 		.main-navigation > div > ul > li > .sub-menu > li:first-child > a {
 			border-top: 1px solid;

+ 1 - 1
rivington/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "background", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
rivington/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
rivington/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
rivington/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #060f29;
+	color: black;
 	border: 0 solid #353a46;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #060f29;
+	color: black;
 	border-color: #b59439;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
rivington/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #060f29;
+	color: black;
 	border: 0 solid #353a46;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #060f29;
+	color: black;
 	border-color: #b59439;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 1 - 1
rockfield/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

+ 6 - 0
rockfield/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

+ 15 - 0
rockfield/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

+ 9 - 11
rockfield/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 2px solid #E0E0E0;
 	border-radius: 0;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #444444;
 }
 
@@ -3177,15 +3177,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-right: auto !important;
+	margin-left: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 11
rockfield/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 2px solid #E0E0E0;
 	border-radius: 0;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #444444;
 }
 
@@ -3196,15 +3196,13 @@ body:not(.fse-enabled) .footer-menu a {
 	text-decoration: none;
 }
 
-.entry-content > iframe[style] {
-	margin: 32px 0 !important;
-	max-width: 100% !important;
-}
-
-@media only screen and (min-width: 560px) {
-	.entry-content > iframe[style] {
-		max-width: 32px !important;
-	}
+.entry-content > iframe,
+.entry-content > iframe[style],
+.entry-content > fb\:post {
+	display: block !important;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	overflow: scroll;
 }
 
 .entry-attachment {

+ 9 - 1
seedlet-blocks/block-template-parts/footer.html

@@ -1,3 +1,11 @@
+<!-- wp:spacer {"height":30} -->
+<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:paragraph {"align":"center","fontSize":"small"} -->
 <p class="has-text-align-center has-small-font-size">Proudly powered by <a href="https://wordpress.org">WordPress</a></p>
-<!-- /wp:paragraph -->
+<!-- /wp:paragraph -->
+
+<!-- wp:spacer {"height":30} -->
+<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->

+ 9 - 1
seedlet-blocks/block-template-parts/header.html

@@ -1,3 +1,7 @@
+<!-- wp:spacer {"height":60} -->
+<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:site-logo {"align":"center","width":128} /-->
 
 <!-- wp:site-title {"align":"center"} /-->
@@ -8,4 +12,8 @@
 
 <!-- wp:navigation {"itemsJustification":"center"} -->
 <!-- wp:navigation-link {"label":"Home","url":"#"} /-->
-<!-- /wp:navigation -->
+<!-- /wp:navigation -->
+
+<!-- wp:spacer {"height":60} -->
+<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->

+ 4 - 4
seedlet-blocks/block-templates/index.html

@@ -1,5 +1,5 @@
-<!-- wp:group {"align":"full","className":"site-header","tagName":"header"} -->
-<div class="wp-block-group alignfull site-header"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"header","theme":"seedlet-blocks","align":"full"} /--></div></div>
+<!-- wp:group {"align":"full","tagName":"header"} -->
+<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"header","theme":"seedlet-blocks","align":"full"} /--></div></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","className":"site-content","tagName":"main"} -->
@@ -10,6 +10,6 @@
 <!-- /wp:query-loop --></div></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"full","className":"site-footer","tagName":"footer"} -->
-<div class="wp-block-group alignfull site-footer"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"footer","theme":"seedlet-blocks","align":"full"} /--></div></div>
+<!-- wp:group {"align":"full","tagName":"footer"} -->
+<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"footer","theme":"seedlet-blocks","align":"full"} /--></div></div>
 <!-- /wp:group -->

+ 4 - 4
seedlet-blocks/block-templates/singular.html

@@ -1,5 +1,5 @@
-<!-- wp:group {"align":"full","className":"site-header","tagName":"header"} -->
-<div class="wp-block-group alignfull site-header"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"header","theme":"seedlet-blocks","align":"full"} /--></div></div>
+<!-- wp:group {"align":"full","tagName":"header"} -->
+<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"header","theme":"seedlet-blocks","align":"full"} /--></div></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","className":"site-content","tagName":"main"} -->
@@ -8,6 +8,6 @@
 <!-- wp:post-content {"align":"full"} /--></div></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"full","className":"site-footer","tagName":"footer"} -->
-<div class="wp-block-group alignfull site-footer"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"footer","theme":"seedlet-blocks","align":"full"} /--></div></div>
+<!-- wp:group {"align":"full","tagName":"footer"} -->
+<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"footer","theme":"seedlet-blocks","align":"full"} /--></div></div>
 <!-- /wp:group -->

+ 0 - 20
seedlet-blocks/style.css

@@ -48,26 +48,6 @@ GNU General Public License for more details.
 	--global--color-tertiary: var(--wp--preset--color--tertiary);
 }
 
-/* Set up alignments */
-.wp-block-group .wp-block-group__inner-container > * {
-	max-width: var(--responsive--aligndefault-width);
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > .alignwide {
-	max-width: var(--responsive--alignwide-width);
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > .alignfull {
-	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	margin-left: calc(-1 * var(--global--spacing-horizontal));
-	margin-right: auto;
-}
-
 /* Make sure full-width items in entry content show up as full-width. */
 .wp-block-group.site-content .wp-block-group__inner-container .entry-content {
 	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));

+ 5 - 0
seedlet/assets/css/custom-color-overrides.css

@@ -0,0 +1,5 @@
+/**
+ * Custom Color Overrides
+ * 
+ * This file is automatically populated if the user chooses custom colors in the Customzier.
+ */

+ 100 - 400
seedlet/assets/css/ie.css

@@ -155,36 +155,6 @@ hr.wp-block-separator.is-style-wide {
 	max-width: 602px;
 	}
 }
-.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 100%;
-	margin-left: auto;
-	margin-right: auto;
-}
-@media only screen and (min-width: 482px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 432px;
-	}
-}
-@media only screen and (min-width: 592px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 432px;
-	}
-}
-@media only screen and (min-width: 652px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 542px;
-	}
-}
-@media only screen and (min-width: 822px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 602px;
-	}
-}
-@media only screen and (min-width: 1024px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 602px;
-	}
-}
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 100%;
 	margin-left: auto;
@@ -215,33 +185,33 @@ hr.wp-block-separator.is-style-wide {
 	max-width: 602px;
 	}
 }
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+*[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: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 482px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[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: 432px;
 	}
 }
 @media only screen and (min-width: 592px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[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: 432px;
 	}
 }
 @media only screen and (min-width: 652px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[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: 542px;
 	}
 }
 @media only screen and (min-width: 822px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[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: 602px;
 	}
 }
 @media only screen and (min-width: 1024px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[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: 602px;
 	}
 }
@@ -372,38 +342,38 @@ hr.wp-block-separator.is-style-wide {
 	}
 }
 
-.entry-content > .alignwide {
+.alignwide {
 	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 772px;
 	}
 }
@@ -422,7 +392,7 @@ hr.wp-block-separator.is-style-wide {
 	margin-right: auto;
 }
 
-.entry-content > .alignfull {
+.alignfull {
 	max-width: calc(100% + 50px);
 	width: calc(100% + 50px);
 	margin-left: -25px;
@@ -443,7 +413,7 @@ hr.wp-block-separator.is-style-wide {
 		margin-left: auto;
 		margin-right: auto;
 	}
-	.entry-content > .alignfull {
+	.alignfull {
 		max-width: 100%;
 		width: auto;
 		margin-left: auto;
@@ -457,7 +427,7 @@ hr.wp-block-separator.is-style-wide {
 	}
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
 	width: 100%;
@@ -465,36 +435,36 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
-.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignfull [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
 	width: 100%;
@@ -502,31 +472,31 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
@@ -539,174 +509,6 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-pullquote.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-video.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
 	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc(50vw - 216px);
@@ -773,174 +575,6 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-pullquote.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-video.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
 	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-left: 25px;
@@ -2728,7 +2362,7 @@ object {
 }
 
 .wp-block-gallery {
-	margin: 0;
+	margin: 0 auto;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption {
@@ -3439,8 +3073,6 @@ p.has-background {
 
 .wp-block-pullquote {
 	padding: 40px 0;
-	margin-left: 0;
-	margin-right: 0;
 	text-align: left;
 	border-top-color: transparent;
 	border-top-width: 0;
@@ -3921,6 +3553,9 @@ table th {
 }
 
 /* Block Alignments */
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
 /**
  * .alignleft
  */
@@ -3935,6 +3570,40 @@ table th {
 	margin-bottom: 30px;
 }
 
+.entry-content > .alignleft {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.entry-content > .alignleft {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.entry-content > .alignleft {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.entry-content > .alignleft {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.entry-content > .alignleft {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.entry-content > .alignleft {
+	max-width: 602px;
+	}
+}
+
 /**
  * .aligncenter
  */
@@ -3959,14 +3628,45 @@ table th {
 	margin-left: 25px;
 }
 
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+.entry-content > .alignright {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.entry-content > .alignright {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.entry-content > .alignright {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.entry-content > .alignright {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.entry-content > .alignright {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.entry-content > .alignright {
+	max-width: 602px;
+	}
+}
+
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
 /**
  * .alignwide
  */

+ 196 - 0
seedlet/assets/css/style-editor.css

@@ -1,6 +1,202 @@
 /**
  * These styles should be loaded by the Block Editor only
  */
+body {
+	/* Globals */
+	/* Font Family */
+	--global--font-primary: var(--font-headings, 'Playfair Display', Georgia, Times, serif);
+	--global--font-secondary: var(--font-base, 'Fira Sans', Helvetica, Arial, sans-serif);
+	--global--font-code: monospace, monospace;
+	--global--font-ui: var(--font-base, var(--global--font-secondary));
+	/* Font Size */
+	--global--font-size-root: 18px;
+	--global--font-size-ratio: 1.2;
+	--global--font-size-base: 1em;
+	--global--font-size-xs: 14px;
+	--global--font-size-sm: 16px;
+	--global--font-size-md: 18px;
+	--global--font-size-lg: 24px;
+	--global--font-size-xl: 28px;
+	--global--font-size-xxl: 32px;
+	--global--font-size-xxxl: 48px;
+	--global--letter-spacing: normal;
+	/* Line Height */
+	--global--line-height-base: 1;
+	--global--line-height-body: 1.7;
+	--global--line-height-heading: 1.3;
+	/* Colors */
+	--global--color-primary: #000000;
+	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
+	--global--color-secondary-hover: #336D58;
+	--global--color-black: black;
+	--global--color-white: white;
+	--global--color-foreground: #333333;
+	--global--color-foreground-light: #444444;
+	--global--color-foreground-dark: #000000;
+	--global--color-background: #FFFFFF;
+	--global--color-tertiary: #FAFBF6;
+	--global--color-background-dark: #DDDDDD;
+	--global--color-border: #EFEFEF;
+	--global--color-text-selection: #EBF2F0;
+	--global--color-alert-success: yellowgreen;
+	--global--color-alert-info: skyblue;
+	--global--color-alert-warning: gold;
+	--global--color-alert-error: salmon;
+	/* Spacing */
+	--global--spacing-unit: 20px;
+	--global--spacing-measure: unset;
+	--global--spacing-horizontal: 25px;
+	--global--spacing-vertical: 30px;
+	/* Elevation */
+	--global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
+	/* Other */
+	--global--border-radius-sm: 9px;
+	--global--border-radius-md: 13.5px;
+	--global--border-radius-lg: 18px;
+	--global--border-radius-pill: 180px;
+	--global--border-radius-none: 0;
+	/* Elements */
+	--form--font-family: var(--global--font-secondary);
+	--form--font-size: var(--global--font-size-md);
+	--form--line-height: var(--global--line-height-body);
+	--form--color-text: var(--global--color-foreground);
+	--form--border-color: var(--global--color-border);
+	--form--border-width: 2px;
+	--form--border-radius: 0;
+	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+	/* Blocks */
+	--button--color-text: var(--global--color-background);
+	--button--color-text-hover: var(--button--color-text);
+	--button--color-text-active: var(--button--color-text);
+	--button--color-background: var(--global--color-secondary);
+	--button--color-background-hover: var(--global--color-secondary-hover);
+	--button--color-background-active: var(--global--color-primary);
+	--button--font-family: var(--global--font-ui);
+	--button--font-size: var(--global--font-size-base);
+	--button--font-weight: normal;
+	--button--line-height: 1;
+	--button--border-width: 2px;
+	--button--border-radius: 4px;
+	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
+	--button--padding-horizontal: var(--global--spacing-horizontal);
+	--cover--height: calc( 15 * var(--global--spacing-vertical) );
+	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-background: var(--global--color-tertiary);
+	--heading--font-family: var(--global--font-primary);
+	--heading--line-height: 1.3;
+	--heading--font-size-h6: var(--global--font-size-base);
+	--heading--font-size-h5: var(--global--font-size-md);
+	--heading--font-size-h4: var(--global--font-size-lg);
+	--heading--font-size-h3: var(--global--font-size-xl);
+	--heading--font-size-h2: var(--global--font-size-xxl);
+	--heading--font-size-h1: var(--global--font-size-xxxl);
+	--heading--letter-spacing-h6: var(--global--letter-spacing);
+	--heading--letter-spacing-h5: var(--global--letter-spacing);
+	--heading--letter-spacing-h4: var(--global--letter-spacing);
+	--heading--letter-spacing-h3: var(--global--letter-spacing);
+	--heading--letter-spacing-h2: var(--global--letter-spacing);
+	--heading--letter-spacing-h1: var(--global--letter-spacing);
+	--heading--line-height-h6: 1.3;
+	--heading--line-height-h5: 1.3;
+	--heading--line-height-h4: 1.3;
+	--heading--line-height-h3: var(--heading--line-height);
+	--heading--line-height-h2: var(--heading--line-height);
+	--heading--line-height-h1: var(--heading--line-height);
+	--heading--font-weight: normal;
+	--heading--font-weight-strong: 600;
+	--latest-posts--title-font-family: var(--heading--font-family);
+	--latest-posts--title-font-size: var(--heading--font-size-h3);
+	--latest-posts--description-font-family: var(--global--font-secondary);
+	--latest-posts--description-font-size: var(--global--font-size-sm);
+	--layout-grid--gutter-none: 0px;
+	--layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2);
+	--layout-grid--gutter-medium: var(--global--spacing-unit);
+	--layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2);
+	--layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3);
+	--layout-grid--background-offset: calc( var(--global--spacing-unit));
+	--list--font-family: var(--global--font-secondary);
+	--definition-term--font-family: var(--global--font-primary);
+	--pullquote--font-family: var(--global--font-primary);
+	--pullquote--font-size: var(--heading--font-size-h2);
+	--pullquote--font-style: italic;
+	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+	--pullquote--line-height: var(--global--line-height-heading);
+	--pullquote--border-width: 0;
+	--pullquote--border-color: transparent;
+	--pullquote--color-foreground: var(--global--color-foreground);
+	--pullquote--color-background: var(--global--color-background);
+	--quote--border-color: var(--global--color-secondary);
+	--quote--border-width: 1px;
+	--quote--font-family: var(--global--font-secondary);
+	--quote--font-size: var(--global--font-size-md);
+	--quote--font-size-large: var(--global--font-size-lg);
+	--quote--font-style: normal;
+	--quote--font-style-large: normal;
+	--quote--line-height: var(--global--line-height-body);
+	--quote--line-height-large: 1.5;
+	--separator--border-color: var(--global--color-border);
+	--separator--height: 2px;
+	--separator--width: calc(6 * var(--global--spacing-horizontal));
+	--utilities--font-size-xs: var(--global--font-size-xs);
+	--utilities--font-size-sm: var(--global--font-size-sm);
+	--utilities--font-size-md: var(--global--font-size-md);
+	--utilities--font-size-lg: var(--global--font-size-lg);
+	--utilities--font-size-xl: var(--global--font-size-xl);
+	--utilities--font-size-xxl: var(--global--font-size-xxl);
+	--utilities--font-size-xxxl: var(--global--font-size-xxxl);
+	/* Components */
+	--branding--color-text: var(--global--color-foreground);
+	--branding--color-link: var(--global--color-primary);
+	--branding--color-link-hover: var(--global--color-primary-hover);
+	--branding--title--font-family: var(--global--font-primary);
+	--branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) );
+	--branding--title--font-size-mobile: var(--heading--font-size-h1);
+	--branding--title--font-weight: 700;
+	--branding--description--font-family: var(--global--font-secondary);
+	--branding--description--font-size: var(--global--font-size-sm);
+	--branding--description--font-family: var(--global--font-secondary);
+	--branding--logo--max-width: 120px;
+	--branding--logo--max-height: 120px;
+	--branding--logo--max-width-mobile: 96px;
+	--branding--logo--max-height-mobile: 96px;
+	--primary-nav--font-family: var(--global--font-secondary);
+	--primary-nav--font-family-mobile: var(--global--font-primary);
+	--primary-nav--font-size: var(--global--font-size-sm);
+	--primary-nav--font-size-mobile: var(--global--font-size-xxl);
+	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg);
+	--primary-nav--font-style: normal;
+	--primary-nav--font-style-sub-menu-mobile: italic;
+	--primary-nav--font-weight: normal;
+	--primary-nav--color-link: var(--global--color-primary);
+	--primary-nav--color-link-hover: var(--global--color-primary-hover);
+	--primary-nav--color-text: var(--global--color-foreground);
+	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit) );
+	--primary-nav--justify-content: center;
+	--social-nav--color-link: var(--global--color-foreground);
+	--social-nav--color-link-hover: var(--global--color-primary-hover);
+	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
+	/* Vendors */
+	--wc--wrapper-width: default;
+	--wc--table--border-color: var(--global--color-border);
+	--wc--table--border-radius: 0;
+	--wc--table--border-width: 1px;
+	--wc--table--padding: var(--global--spacing-unit);
+	--wc--tabs--border-color: var(--global--color-border);
+	--wc--tabs--border-radius: 10px;
+	--wc--tabs--border-width: 1px;
+	--wc--tabs--padding: var(--global--spacing-horizontal);
+	--wc--mini-cart--color-background: var(--global--color-background);
+	--wc--mini-cart--color-text: var(--global--color-foreground);
+	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
+	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-border: var(--global--color-border);
+	--wc--mini-cart--button-text-color: var(--button--color-text);
+	--wc--mini-cart--button-background-color: var(--button--color-background);
+	--wc--mini-cart--width: calc(25 * var(--global--spacing-unit));
+	--wc--star-rating--color: var(--global--color-alert-warning);
+}
+
 /**
  * Repsonsive Styles
  */

+ 0 - 198
seedlet/assets/css/variables-editor.css

@@ -1,198 +0,0 @@
-/**
- * These styles should be loaded by the Block Editor only
- */
-body {
-	/* Globals */
-	/* Font Family */
-	--global--font-primary: 'Playfair Display', Georgia, Times, serif;
-	--global--font-secondary: 'Fira Sans', Helvetica, Arial, sans-serif;
-	--global--font-code: monospace, monospace;
-	--global--font-ui: var(--global--font-secondary);
-	/* Font Size */
-	--global--font-size-root: 18px;
-	--global--font-size-ratio: 1.2;
-	--global--font-size-base: 1em;
-	--global--font-size-xs: 14px;
-	--global--font-size-sm: 16px;
-	--global--font-size-md: 18px;
-	--global--font-size-lg: 24px;
-	--global--font-size-xl: 28px;
-	--global--font-size-xxl: 32px;
-	--global--font-size-xxxl: 48px;
-	--global--letter-spacing: normal;
-	/* Line Height */
-	--global--line-height-base: 1;
-	--global--line-height-body: 1.7;
-	--global--line-height-heading: 1.3;
-	/* Colors */
-	--global--color-primary: #000000;
-	--global--color-secondary: #3C8067;
-	--global--color-primary-hover: var( --global--color-secondary );
-	--global--color-secondary-hover: #336D58;
-	--global--color-black: black;
-	--global--color-white: white;
-	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
-	--global--color-background: #FFFFFF;
-	--global--color-tertiary: #FAFBF6;
-	--global--color-background-dark: #DDDDDD;
-	--global--color-border: #EFEFEF;
-	--global--color-text-selection: #EBF2F0;
-	--global--color-alert-success: yellowgreen;
-	--global--color-alert-info: skyblue;
-	--global--color-alert-warning: gold;
-	--global--color-alert-error: salmon;
-	/* Spacing */
-	--global--spacing-unit: 20px;
-	--global--spacing-measure: unset;
-	--global--spacing-horizontal: 25px;
-	--global--spacing-vertical: 30px;
-	/* Elevation */
-	--global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
-	/* Other */
-	--global--border-radius-sm: 9px;
-	--global--border-radius-md: 13.5px;
-	--global--border-radius-lg: 18px;
-	--global--border-radius-pill: 180px;
-	--global--border-radius-none: 0;
-	/* Elements */
-	--form--font-family: var(--global--font-secondary);
-	--form--font-size: var(--global--font-size-md);
-	--form--line-height: var(--global--line-height-body);
-	--form--color-text: var(--global--color-foreground);
-	--form--border-color: var(--global--color-border);
-	--form--border-width: 2px;
-	--form--border-radius: 0;
-	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
-	/* Blocks */
-	--button--color-text: var(--global--color-background);
-	--button--color-text-hover: var(--button--color-text);
-	--button--color-text-active: var(--button--color-text);
-	--button--color-background: var(--global--color-secondary);
-	--button--color-background-hover: var(--global--color-secondary-hover);
-	--button--color-background-active: var(--global--color-primary);
-	--button--font-family: var(--global--font-ui);
-	--button--font-size: var(--global--font-size-base);
-	--button--font-weight: normal;
-	--button--line-height: 1;
-	--button--border-width: 2px;
-	--button--border-radius: 4px;
-	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
-	--button--padding-horizontal: var(--global--spacing-horizontal);
-	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
-	--cover--color-background: var(--global--color-tertiary);
-	--heading--font-family: var(--global--font-primary);
-	--heading--line-height: 1.3;
-	--heading--font-size-h6: var(--global--font-size-base);
-	--heading--font-size-h5: var(--global--font-size-md);
-	--heading--font-size-h4: var(--global--font-size-lg);
-	--heading--font-size-h3: var(--global--font-size-xl);
-	--heading--font-size-h2: var(--global--font-size-xxl);
-	--heading--font-size-h1: var(--global--font-size-xxxl);
-	--heading--letter-spacing-h6: var(--global--letter-spacing);
-	--heading--letter-spacing-h5: var(--global--letter-spacing);
-	--heading--letter-spacing-h4: var(--global--letter-spacing);
-	--heading--letter-spacing-h3: var(--global--letter-spacing);
-	--heading--letter-spacing-h2: var(--global--letter-spacing);
-	--heading--letter-spacing-h1: var(--global--letter-spacing);
-	--heading--line-height-h6: 1.3;
-	--heading--line-height-h5: 1.3;
-	--heading--line-height-h4: 1.3;
-	--heading--line-height-h3: var(--heading--line-height);
-	--heading--line-height-h2: var(--heading--line-height);
-	--heading--line-height-h1: var(--heading--line-height);
-	--heading--font-weight: normal;
-	--heading--font-weight-strong: 600;
-	--latest-posts--title-font-family: var(--heading--font-family);
-	--latest-posts--title-font-size: var(--heading--font-size-h3);
-	--latest-posts--description-font-family: var(--global--font-secondary);
-	--latest-posts--description-font-size: var(--global--font-size-sm);
-	--layout-grid--gutter-none: 0px;
-	--layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2);
-	--layout-grid--gutter-medium: var(--global--spacing-unit);
-	--layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2);
-	--layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3);
-	--layout-grid--background-offset: calc( var(--global--spacing-unit));
-	--list--font-family: var(--global--font-secondary);
-	--definition-term--font-family: var(--global--font-primary);
-	--pullquote--font-family: var(--global--font-primary);
-	--pullquote--font-size: var(--heading--font-size-h2);
-	--pullquote--font-style: italic;
-	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
-	--pullquote--line-height: var(--global--line-height-heading);
-	--pullquote--border-width: 0;
-	--pullquote--border-color: transparent;
-	--pullquote--color-foreground: var(--global--color-foreground);
-	--pullquote--color-background: var(--global--color-background);
-	--quote--border-color: var(--global--color-secondary);
-	--quote--border-width: 1px;
-	--quote--font-family: var(--global--font-secondary);
-	--quote--font-size: var(--global--font-size-md);
-	--quote--font-size-large: var(--global--font-size-lg);
-	--quote--font-style: normal;
-	--quote--font-style-large: normal;
-	--quote--line-height: var(--global--line-height-body);
-	--quote--line-height-large: 1.5;
-	--separator--border-color: var(--global--color-border);
-	--separator--height: 2px;
-	--separator--width: calc(6 * var(--global--spacing-horizontal));
-	--utilities--font-size-xs: var(--global--font-size-xs);
-	--utilities--font-size-sm: var(--global--font-size-sm);
-	--utilities--font-size-md: var(--global--font-size-md);
-	--utilities--font-size-lg: var(--global--font-size-lg);
-	--utilities--font-size-xl: var(--global--font-size-xl);
-	--utilities--font-size-xxl: var(--global--font-size-xxl);
-	--utilities--font-size-xxxl: var(--global--font-size-xxxl);
-	/* Components */
-	--branding--color-text: var(--global--color-foreground);
-	--branding--color-link: var(--global--color-primary);
-	--branding--color-link-hover: var(--global--color-primary-hover);
-	--branding--title--font-family: var(--global--font-primary);
-	--branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) );
-	--branding--title--font-size-mobile: var(--heading--font-size-h1);
-	--branding--title--font-weight: 700;
-	--branding--description--font-family: var(--global--font-secondary);
-	--branding--description--font-size: var(--global--font-size-sm);
-	--branding--description--font-family: var(--global--font-secondary);
-	--branding--logo--max-width: 120px;
-	--branding--logo--max-height: 120px;
-	--branding--logo--max-width-mobile: 96px;
-	--branding--logo--max-height-mobile: 96px;
-	--primary-nav--font-family: var(--global--font-secondary);
-	--primary-nav--font-family-mobile: var(--global--font-primary);
-	--primary-nav--font-size: var(--global--font-size-sm);
-	--primary-nav--font-size-mobile: var(--global--font-size-xxl);
-	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg);
-	--primary-nav--font-style: normal;
-	--primary-nav--font-style-sub-menu-mobile: italic;
-	--primary-nav--font-weight: normal;
-	--primary-nav--color-link: var(--global--color-primary);
-	--primary-nav--color-link-hover: var(--global--color-primary-hover);
-	--primary-nav--color-text: var(--global--color-foreground);
-	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit) );
-	--primary-nav--justify-content: center;
-	--social-nav--color-link: var(--global--color-foreground);
-	--social-nav--color-link-hover: var(--global--color-primary-hover);
-	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
-	/* Vendors */
-	--wc--wrapper-width: default;
-	--wc--table--border-color: var(--global--color-border);
-	--wc--table--border-radius: 0;
-	--wc--table--border-width: 1px;
-	--wc--table--padding: var(--global--spacing-unit);
-	--wc--tabs--border-color: var(--global--color-border);
-	--wc--tabs--border-radius: 10px;
-	--wc--tabs--border-width: 1px;
-	--wc--tabs--padding: var(--global--spacing-horizontal);
-	--wc--mini-cart--color-background: var(--global--color-background);
-	--wc--mini-cart--color-text: var(--global--color-foreground);
-	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
-	--wc--mini-cart--color-border: var(--global--color-border);
-	--wc--mini-cart--button-text-color: var(--button--color-text);
-	--wc--mini-cart--button-background-color: var(--button--color-background);
-	--wc--mini-cart--width: calc(25 * var(--global--spacing-unit));
-	--wc--star-rating--color: var(--global--color-alert-warning);
-}

+ 0 - 4
seedlet/assets/sass/variables-editor.scss → seedlet/assets/sass/_variables-editor.scss

@@ -1,7 +1,3 @@
-/**
- * These styles should be loaded by the Block Editor only
- */
-
 @import "abstracts/mixins";
 @import "abstracts/config";
 @import "elements/config";

+ 3 - 3
seedlet/assets/sass/abstracts/_config.scss

@@ -8,10 +8,10 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 
 @mixin global-variables() {
 	/* Font Family */
-	--global--font-primary: 'Playfair Display', Georgia, Times, serif;
-	--global--font-secondary: 'Fira Sans', Helvetica, Arial, sans-serif;
+	--global--font-primary: var(--font-headings, 'Playfair Display', Georgia, Times, serif);
+	--global--font-secondary: var(--font-base, 'Fira Sans', Helvetica, Arial, sans-serif);
 	--global--font-code: monospace, monospace;
-	--global--font-ui: var(--global--font-secondary);
+	--global--font-ui: var(--font-base, var(--global--font-secondary));
 
 	/* Font Size */
 	--global--font-size-root: #{$typescale-root};

+ 0 - 8
seedlet/assets/sass/blocks/file/_style.scss

@@ -15,12 +15,4 @@
 		display: inline-block;
 		padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }

+ 1 - 1
seedlet/assets/sass/blocks/gallery/_style.scss

@@ -1,6 +1,6 @@
 .wp-block-gallery {
 
-	margin: 0;
+	margin: 0 auto;
 
 	.blocks-gallery-image,
 	.blocks-gallery-item {

+ 0 - 10
seedlet/assets/sass/blocks/pullquote/_style.scss

@@ -1,7 +1,5 @@
 .wp-block-pullquote {
 	padding: calc( 2 * var(--global--spacing-unit) ) 0;
-	margin-left: 0;
-	margin-right: 0;
 	text-align: left;
 	// Theme?
 	border-top-color: var(--pullquote--border-color);
@@ -72,12 +70,4 @@
 			color: currentColor;
 		}
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }

+ 18 - 19
seedlet/assets/sass/blocks/utilities/_style.scss

@@ -1,5 +1,13 @@
 /* Block Alignments */
 
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
+.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;
+}
+
 /**
  * .alignleft
  */
@@ -14,7 +22,10 @@
 	margin-bottom: var(--global--spacing-vertical);
 }
 
+// Targeting the .entry-content class is necessary to ensure these styles 
+// only apply when the block isn't nested.
 .entry-content > .alignleft {
+	max-width: var(--responsive--aligndefault-width);
 	@extend %responsive-alignleft-mobile;
 	@extend %responsive-alignleft;
 }
@@ -43,38 +54,29 @@
 	margin-left: var(--global--spacing-horizontal);
 }
 
+// Targeting the .entry-content class is necessary to ensure these styles 
+// only apply when the block isn't nested.
 .entry-content > .alignright {
+	max-width: var(--responsive--aligndefault-width);
 	@extend %responsive-alignright-mobile;
 	@extend %responsive-alignright;
 }
 
 // Make sure siblings of floated elements are top-aligned when nested
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
-.page-content > *: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),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
-	@extend %responsive-aligndefault-width;
-}
-
 /**
  * .alignwide
  */
 .alignwide {
 	clear: both;
-}
-
-.entry-content > .alignwide {
 	@extend %responsive-alignwide-width;
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide {
 	@extend %responsive-alignwide-width-nested;
 }
 
@@ -83,14 +85,11 @@
  */
 .alignfull {
 	clear: both;
-}
-
-.entry-content > .alignfull {
 	@extend %responsive-alignfull-width-mobile;
 	@extend %responsive-alignfull-width;
 }
 
-.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignfull [class*="inner-container"] > .alignwide {
 	@extend %responsive-alignwide-width-nested;
 }
 

+ 0 - 8
seedlet/assets/sass/blocks/video/_style.scss

@@ -7,14 +7,6 @@
 		margin-bottom: var(--global--spacing-unit);
 		text-align: center;
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }
 
 * > figure > video {

+ 3 - 0
seedlet/assets/sass/style-editor.scss

@@ -2,6 +2,9 @@
  * These styles should be loaded by the Block Editor only
  */
 
+// Variables
+@import "variables-editor";
+
 // Abstracts
 // - Mixins, variables and functions
 @import "abstracts/functions";

+ 2 - 2
seedlet/classes/class-seedlet-custom-colors.php

@@ -265,9 +265,9 @@ class Seedlet_Custom_Colors {
 	 * Editor custom color variables.
 	 */
 	function seedlet_editor_custom_color_variables() {
-		wp_enqueue_style( 'seedlet-editor-variables', get_template_directory_uri() . '/assets/css/variables-editor.css', array(), wp_get_theme()->get( 'Version' ) );
+		wp_enqueue_style( 'seedlet-custom-color-overrides', get_template_directory_uri() . '/assets/css/custom-color-overrides.css', array(), wp_get_theme()->get( 'Version' ) );
 		if ( 'default' !== get_theme_mod( 'custom_colors_active' ) ) {
-			wp_add_inline_style( 'seedlet-editor-variables', $this->seedlet_generate_custom_color_variables( 'editor' ) );
+			wp_add_inline_style( 'seedlet-custom-color-overrides', $this->seedlet_generate_custom_color_variables( 'editor' ) );
 		}
 	}
 

+ 11 - 0
seedlet/functions.php

@@ -255,8 +255,19 @@ if ( ! function_exists( 'seedlet_setup' ) ) :
 		// Add support for responsive embedded content.
 		add_theme_support( 'responsive-embeds' );
 
+		// Add support for custom line height controls.
+		add_theme_support( 'custom-line-height' );
+
 		// Add support for experimental link color control.
 		add_theme_support( 'experimental-link-color' );
+    
+		// Add support for WordPress.com Global Styles.
+		add_theme_support(
+			'jetpack-global-styles',
+			[
+				'enable_theme_default' => true,
+			]
+		);
 	}
 endif;
 add_action( 'after_setup_theme', 'seedlet_setup' );

+ 0 - 1
seedlet/package.json

@@ -39,7 +39,6 @@
   ],
   "scripts": {
     "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
-    "build:variables-editor": "node-sass assets/sass/variables-editor.scss assets/css/variables-editor.css --output-style expanded --indent-type tab --indent-width 1",
     "build:style": "node-sass assets/sass/style.scss style.css --output-style expanded --indent-type tab --indent-width 1",
     "build:style-editor": "node-sass assets/sass/style-editor.scss assets/css/style-editor.css --output-style expanded --indent-type tab --indent-width 1",
     "build:woocommerce": "node-sass assets/sass/style-woocommerce.scss assets/css/style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1",

部分文件因文件數量過多而無法顯示