Varia: Have links inherit the color only when the block (Media & Text or Paragrpah) are using a background color

+ rebuild Redhill

See #1113
This commit is contained in:
Thomas Guillot 2019-07-22 14:43:19 +01:00
parent 5b7342d9e8
commit 1c88107692
11 changed files with 71 additions and 13 deletions

View file

@ -444,7 +444,15 @@ object {
padding-left: 0;
}
.wp-block-media-text .block-editor-inner-blocks a {
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) .block-editor-inner-blocks a {
color: currentColor;
}
p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}

View file

@ -1763,6 +1763,11 @@ hr.is-style-dots:before {
padding-right: 0.83333rem;
}
.wp-block-jetpack-slideshow ul {
margin-right: 0;
margin-left: 0;
}
.wp-block-spacer {
display: block;
margin-bottom: 0;

View file

@ -1584,7 +1584,7 @@ dd {
margin-bottom: 0;
}
.wp-block-media-text .wp-block-media-text__content a {
.wp-block-media-text[class*="background-color"]:not(.has-background-background-color) .wp-block-media-text__content a, .wp-block-media-text[style*="background-color"] .wp-block-media-text__content a {
color: currentColor;
}
@ -1603,6 +1603,10 @@ p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.wp-block-pullquote {
padding: calc( 3 * 16px) 0;
margin-left: 0;

View file

@ -14,6 +14,7 @@
@import "gallery/editor";
@import "latest-posts/editor";
@import "media-text/editor";
@import "paragraph/editor";
@import "pullquote/editor";
@import "quote/editor";
@import "separator/editor";

View file

@ -1,8 +1,9 @@
.wp-block-media-text {
.block-editor-inner-blocks {
a {
color: currentColor;
&[style*="background-color"]:not(.has-background-background-color) {
.block-editor-inner-blocks {
a {
color: currentColor;
}
}
}
}
}

View file

@ -17,9 +17,14 @@
margin-bottom: 0;
}
}
}
a {
color: currentColor;
&[class*="background-color"]:not(.has-background-background-color),
&[style*="background-color"] {
.wp-block-media-text__content {
a {
color: currentColor;
}
}
}
@ -38,4 +43,4 @@
padding: 0 #{map-deep-get($config-global, "spacing", "horizontal")};
}
}
}
}

View file

@ -0,0 +1,9 @@
p {
&.has-background {
padding: #{map-deep-get($config-global, "spacing", "unit")} #{map-deep-get($config-global, "spacing", "unit")};
&:not(.has-background-background-color) a {
color: currentColor;
}
}
}

View file

@ -2,5 +2,9 @@ p {
// inherits general font style set at <body>
&.has-background {
padding: #{map-deep-get($config-global, "spacing", "unit")} #{map-deep-get($config-global, "spacing", "unit")};
&:not(.has-background-background-color) a {
color: currentColor;
}
}
}

View file

@ -390,7 +390,15 @@ object {
padding-left: 0;
}
.wp-block-media-text .block-editor-inner-blocks a {
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) .block-editor-inner-blocks a {
color: currentColor;
}
p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}

View file

@ -1543,7 +1543,7 @@ dd {
margin-bottom: 0;
}
.wp-block-media-text .wp-block-media-text__content a {
.wp-block-media-text[class*="background-color"]:not(.has-background-background-color) .wp-block-media-text__content a, .wp-block-media-text[style*="background-color"] .wp-block-media-text__content a {
color: currentColor;
}
@ -1562,6 +1562,10 @@ p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.wp-block-pullquote {
padding: calc( 3 * 16px) 0;
margin-right: 0;
@ -1722,6 +1726,11 @@ hr.is-style-dots:before {
padding-right: 0.83333rem;
}
.wp-block-jetpack-slideshow ul {
margin-right: 0;
margin-left: 0;
}
.wp-block-spacer {
display: block;
margin-bottom: 0;

View file

@ -1543,7 +1543,7 @@ dd {
margin-bottom: 0;
}
.wp-block-media-text .wp-block-media-text__content a {
.wp-block-media-text[class*="background-color"]:not(.has-background-background-color) .wp-block-media-text__content a, .wp-block-media-text[style*="background-color"] .wp-block-media-text__content a {
color: currentColor;
}
@ -1562,6 +1562,10 @@ p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.wp-block-pullquote {
padding: calc( 3 * 16px) 0;
margin-left: 0;