Coutoire
This commit is contained in:
parent
072d1829f5
commit
e8ded9861f
3 changed files with 173 additions and 5 deletions
|
@ -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;
|
||||
|
|
|
@ -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 */
|
||||
|
|
|
@ -194,7 +194,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* let’s 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;
|
||||
|
|
Loading…
Reference in a new issue