diff --git a/web/themes/custom/geofresco/src/global/_elements.scss b/web/themes/custom/geofresco/src/global/_elements.scss index 89a18f2..2d1f4c6 100644 --- a/web/themes/custom/geofresco/src/global/_elements.scss +++ b/web/themes/custom/geofresco/src/global/_elements.scss @@ -68,39 +68,3 @@ .more-link { float: right; } - -/* @TODO move to _paint.scss */ - -.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; - } -} - -.block-views-blockhome-page-views-block-articles .button, -.is-article { - background-color: $article; - color: $white; - a { - color: $white; - } -} -.block-views-blockhome-page-views-block-blogs .button, -.is-blog { - background-color: $blog; - color: $white; - a { - color: $white; - } -} diff --git a/web/themes/custom/geofresco/src/global/_paint.scss b/web/themes/custom/geofresco/src/global/_paint.scss index a8c0ca9..6396164 100644 --- a/web/themes/custom/geofresco/src/global/_paint.scss +++ b/web/themes/custom/geofresco/src/global/_paint.scss @@ -16,3 +16,39 @@ .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; + } +} + +.block-views-blockhome-page-views-block-articles .button, +.is-article { + background-color: $article; + color: $white; + a { + color: $white; + } +} +.block-views-blockhome-page-views-block-blogs .button, +.is-blog { + background-color: $blog; + color: $white; + a { + color: $white; + } +}