This commit is contained in:
Michael Cain 2019-12-16 17:19:46 -05:00
parent 072d1829f5
commit e8ded9861f
No known key found for this signature in database
GPG key ID: D64841E97D91690F
3 changed files with 173 additions and 5 deletions

View file

@ -187,6 +187,19 @@ a.wp-block-file__button {
text-transform: uppercase;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title {
text-transform: none;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
text-decoration-color: $color_primary_hover;
&:hover,
&:focus {
text-decoration: none;
}
}
@include media(mobile-only) {
.site-header {
position: relative;

View file

@ -294,6 +294,36 @@ object {
* - In the future the Block styles may get compiled to individual .css
* files and conditionally loaded
*/
.wp-block-a8c-blog-posts article {
margin-bottom: 96px;
}
.wp-block-a8c-blog-posts .post-thumbnail img {
width: auto;
}
.wp-block-a8c-blog-posts .entry-title {
font-size: 2.48832rem;
letter-spacing: normal;
line-height: 1;
}
.wp-block-a8c-blog-posts .entry-title a {
color: black;
text-decoration: underline;
}
.wp-block-a8c-blog-posts .entry-title a:hover {
color: #FF7A5C;
}
.wp-block-a8c-blog-posts .entry-meta,
.wp-block-a8c-blog-posts .entry-footer,
.wp-block-a8c-blog-posts .cat-links {
color: #767676;
font-size: 0.83333rem;
}
.wp-block-button {
/* Default Style */
/* Outline Style */

View file

@ -194,7 +194,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
* lets use a placeholder to keep them all
* in-sync
*/
button,
button[data-load-more-btn], button,
.button,
input[type="submit"],
.wp-block-button__link,
@ -211,11 +211,11 @@ input[type="submit"],
padding: 11.6px 11.6px;
}
button:before,
button[data-load-more-btn]:before, button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
@ -226,7 +226,7 @@ input[type="submit"]:after,
width: 0;
}
button:before,
button[data-load-more-btn]:before, button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
@ -234,7 +234,7 @@ input[type="submit"]:before,
margin-bottom: -0.12em;
}
button:after,
button[data-load-more-btn]:after, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
@ -1148,6 +1148,119 @@ object {
min-width: 300px;
}
.wp-block-newspack-blocks-homepage-articles article {
display: block;
/* Vertical margins logic between posts */
margin-top: calc(3 * 32px);
margin-bottom: calc(3 * 32px);
}
.wp-block-newspack-blocks-homepage-articles article:first-child {
margin-top: 0;
}
.wp-block-newspack-blocks-homepage-articles article:last-child {
margin-bottom: calc(3 * 32px);
}
.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img {
width: auto;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title {
font-size: 2.48832rem;
letter-spacing: normal;
line-height: 1;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
color: black;
text-decoration: underline;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
color: #FF7A5C;
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
/* Vertical margins logic between post details */
margin-top: 16px;
margin-bottom: 16px;
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child {
margin-top: 0;
}
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child {
margin-bottom: 0;
}
.wp-block-newspack-blocks-homepage-articles article .more-link {
margin-top: 16px;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta,
.wp-block-newspack-blocks-homepage-articles article .entry-footer,
.wp-block-newspack-blocks-homepage-articles article .cat-links {
color: #767676;
font-size: 0.83333rem;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta > span,
.wp-block-newspack-blocks-homepage-articles article .entry-footer > span,
.wp-block-newspack-blocks-homepage-articles article .cat-links > span {
display: inline-block;
margin-right: 16px;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
.wp-block-newspack-blocks-homepage-articles article .entry-footer > span > *,
.wp-block-newspack-blocks-homepage-articles article .cat-links > span > * {
display: inline-block;
vertical-align: middle;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta > span:last-child,
.wp-block-newspack-blocks-homepage-articles article .entry-footer > span:last-child,
.wp-block-newspack-blocks-homepage-articles article .cat-links > span:last-child {
margin-right: 0;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta > span .published + .updated,
.wp-block-newspack-blocks-homepage-articles article .entry-footer > span .published + .updated,
.wp-block-newspack-blocks-homepage-articles article .cat-links > span .published + .updated {
display: none;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
.wp-block-newspack-blocks-homepage-articles article .entry-footer a,
.wp-block-newspack-blocks-homepage-articles article .cat-links a {
color: currentColor;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
.wp-block-newspack-blocks-homepage-articles article .entry-footer a:hover,
.wp-block-newspack-blocks-homepage-articles article .entry-footer a:active,
.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
.wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
color: #FF7A5C;
}
.wp-block-newspack-blocks-homepage-articles article .entry-meta .svg-icon,
.wp-block-newspack-blocks-homepage-articles article .entry-footer .svg-icon,
.wp-block-newspack-blocks-homepage-articles article .cat-links .svg-icon {
fill: currentColor;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: calc(0.25 * 16px);
}
button[data-load-more-btn] {
display: inline-block;
}
/**
* Button
*/
@ -3870,6 +3983,18 @@ a.wp-block-file__button {
text-transform: uppercase;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title {
text-transform: none;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
text-decoration-color: #FF7A5C;
}
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus {
text-decoration: none;
}
@media only screen and (max-width: 559px) {
.site-header {
position: relative;