Browse Source

Prevented color change on social in cover

The social buttons color setting assigned by Gutenburg default styles
was being clobbered by this color setting.  This change prevents any
wp-social-link elements from being selected.
Jason Crist 4 years ago
parent
commit
2c17234ccd

+ 6 - 11
seedlet/assets/css/style-editor.css

@@ -533,33 +533,33 @@ object {
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-text,
 .wp-block-cover .wp-block-cover-text,
-.wp-block-cover .block-editor-block-list__block,
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link),
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text,
 .wp-block-cover-image .wp-block-cover-text,
-.wp-block-cover-image .block-editor-block-list__block {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
 .wp-block-cover .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
-.wp-block-cover .block-editor-block-list__block a:not(.has-text-color):not(.wp-block-button__link),
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link) a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover__inner-container a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-image-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
 .wp-block-cover-image .wp-block-cover-text a:not(.has-text-color):not(.wp-block-button__link),
-.wp-block-cover-image .block-editor-block-list__block a:not(.has-text-color):not(.wp-block-button__link) {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) a:not(.has-text-color):not(.wp-block-button__link) {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover .wp-block-cover-text .has-link-color a,
 .wp-block-cover .wp-block-cover-text .has-link-color a,
-.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover .block-editor-block-list__block:not(.wp-social-link) .has-link-color a,
 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover-image .wp-block-cover-text .has-link-color a,
 .wp-block-cover-image .wp-block-cover-text .has-link-color a,
-.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
+.wp-block-cover-image .block-editor-block-list__block:not(.wp-social-link) .has-link-color a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
 	color: var(--wp--style--color--link, var(--global--color-primary));
 }
 }
 
 
@@ -909,11 +909,6 @@ dt {
 	font-weight: bold;
 	font-weight: bold;
 }
 }
 
 
-.wp-block-media-text .block-editor-inner-blocks {
-	padding-right: var(--global--spacing-horizontal);
-	padding-left: var(--global--spacing-horizontal);
-}
-
 .wp-block-navigation .wp-block-navigation__container {
 .wp-block-navigation .wp-block-navigation__container {
 	background: var(--global--color-background);
 	background: var(--global--color-background);
 	padding: 0;
 	padding: 0;

+ 1 - 1
seedlet/assets/sass/blocks/cover/_editor.scss

@@ -9,7 +9,7 @@
 	.wp-block-cover__inner-container,
 	.wp-block-cover__inner-container,
 	.wp-block-cover-image-text,
 	.wp-block-cover-image-text,
 	.wp-block-cover-text,
 	.wp-block-cover-text,
-	.block-editor-block-list__block {
+	.block-editor-block-list__block:not(.wp-social-link) {
 		color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
 		color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
 
 
 		a:not(.has-text-color):not(.wp-block-button__link) {
 		a:not(.has-text-color):not(.wp-block-button__link) {