geo-coop/web/themes/custom/geofresco/src/global/_paint.scss
2019-10-01 13:50:18 -04:00

52 lines
1.4 KiB
SCSS

/* All classes that are mostly about adding color. */
.background-replacement-for-no-image {
background-color: cadetblue;
}
.page--content-item--collection .background-replacement-for-no-image {
background-color: $collection;
}
/* Front page view titles and more links get un-SMACSS targeting, sorry. */
.block-views-blockhome-page-views-block-articles {
border-top: 2px solid $article;
> h2 {
color: $white;
background-color: $article;
padding: 2px 0.2em 0 0.2em;
}
}
.block-views-blockhome-page-views-block-blogs {
border-top: 2px solid $blog;
> h2 {
color: $white;
background-color: $blog;
padding: 2px 0.2em 0 0.2em;
}
}
.page--content-item--article .background-replacement-for-no-image,
.block-views-blockhome-page-views-block-articles .button,
.is-article .background-replacement-for-no-image {
background-color: $article;
color: $white;
a {
color: $white;
}
}
.page--content-item--blog .background-replacement-for-no-image,
.block-views-blockhome-page-views-block-blogs .button,
.is-blog .background-replacement-for-no-image {
background-color: $blog;
color: $white;
a {
color: $white;
}
}
// Gleanings don't have the same faux-image structure (because they don't have
// featured images) but we still want the title to look about the same.
.page--content-item--gleaning .page-title {
background-color: $gleaning;
}