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
2 changed files with 7 additions and 12 deletions
  1. 6 11
      seedlet/assets/css/style-editor.css
  2. 1 1
      seedlet/assets/sass/blocks/cover/_editor.scss

+ 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-image-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-image-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;
 }
 
 .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-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-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 .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;
 }
 
 .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-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-image-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));
 }
 
@@ -909,11 +909,6 @@ dt {
 	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 {
 	background: var(--global--color-background);
 	padding: 0;

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

@@ -9,7 +9,7 @@
 	.wp-block-cover__inner-container,
 	.wp-block-cover-image-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
 
 		a:not(.has-text-color):not(.wp-block-button__link) {