Dalston: Blog Posts block style tweak

This commit is contained in:
Takashi Irie 2019-12-20 02:30:17 +00:00
parent 0d4ea1ca6c
commit f852ad1bb8
5 changed files with 176 additions and 11 deletions

View file

@ -248,9 +248,6 @@ a {
font-weight: 600;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
text-decoration: none;
}
/**
* Blocks
@ -274,6 +271,42 @@ a {
}
}
.wp-block-newspack-blocks-homepage-articles {
article {
.cat-links a,
.entry-title a:hover,
.entry-meta a {
text-decoration: none;
}
}
&.image-alignbehind article {
.cat-links a:hover,
.entry-title a:hover,
.more-link:hover,
.entry-meta a:hover {
text-decoration: underline;
}
}
}
.has-background:not(.has-background-background-color),
[class*="background-color"]:not(.has-background-background-color),
[style*="background-color"] {
.wp-block-newspack-blocks-homepage-articles article {
.entry-title a,
.more-link {
text-decoration: none;
}
.cat-links a:hover,
.entry-title a:hover,
.entry-meta a:hover {
text-decoration: underline;
}
}
}
/**
* Footer
*/

View file

@ -47,3 +47,38 @@
border-color: #{map-deep-get($config-global, "color", "background", "default")};
}
}
.wp-block-a8c-blog-posts {
.cat-links a,
.entry-title a:hover,
.more-link,
.entry-meta a {
text-decoration: none;
}
&.image-alignbehind {
.cat-links a:hover,
.entry-title a:hover,
.more-link:hover,
.entry-meta a:hover {
text-decoration: underline;
}
}
}
.has-background:not(.has-background-background-color),
[class*="background-color"]:not(.has-background-background-color),
[style*="background-color"] {
.wp-block-a8c-blog-posts {
.cat-links a:hover,
.entry-title a:hover,
.more-link:hover,
.emtry-meta a:hover {
text-decoration: underline;
}
}
}
.wp-block-a8c-blog-posts + .button {
font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
}

View file

@ -311,6 +311,10 @@ object {
padding: 32px;
}
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
color: #fff;
}
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
color: currentColor;
}
@ -1241,3 +1245,36 @@ table th,
.wp-block-media-text.is-style-inset-borders:before {
border-color: #FFFFFF;
}
.wp-block-a8c-blog-posts .cat-links a,
.wp-block-a8c-blog-posts .entry-title a:hover,
.wp-block-a8c-blog-posts .more-link,
.wp-block-a8c-blog-posts .entry-meta a {
text-decoration: none;
}
.wp-block-a8c-blog-posts.image-alignbehind .cat-links a:hover,
.wp-block-a8c-blog-posts.image-alignbehind .entry-title a:hover,
.wp-block-a8c-blog-posts.image-alignbehind .more-link:hover,
.wp-block-a8c-blog-posts.image-alignbehind .entry-meta a:hover {
text-decoration: underline;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .cat-links a:hover,
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:hover,
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .emtry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .emtry-meta a:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .cat-links a:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .emtry-meta a:hover {
text-decoration: underline;
}
.wp-block-a8c-blog-posts + .button {
font-size: 1em;
}

View file

@ -4157,10 +4157,6 @@ a {
font-weight: 600;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
text-decoration: none;
}
/**
* Blocks
*/
@ -4181,6 +4177,40 @@ a {
text-decoration: none;
}
.wp-block-newspack-blocks-homepage-articles article .cat-links a,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
.wp-block-newspack-blocks-homepage-articles article .entry-meta a {
text-decoration: none;
}
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .cat-links a:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .entry-title a:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .more-link:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .entry-meta a:hover {
text-decoration: underline;
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .more-link,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .more-link,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .more-link {
text-decoration: none;
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover {
text-decoration: underline;
}
/**
* Footer
*/

View file

@ -4186,10 +4186,6 @@ a {
font-weight: 600;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
text-decoration: none;
}
/**
* Blocks
*/
@ -4210,6 +4206,40 @@ a {
text-decoration: none;
}
.wp-block-newspack-blocks-homepage-articles article .cat-links a,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
.wp-block-newspack-blocks-homepage-articles article .entry-meta a {
text-decoration: none;
}
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .cat-links a:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .entry-title a:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .more-link:hover,
.wp-block-newspack-blocks-homepage-articles.image-alignbehind article .entry-meta a:hover {
text-decoration: underline;
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .more-link,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .more-link,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .more-link {
text-decoration: none;
}
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover {
text-decoration: underline;
}
/**
* Footer
*/