geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 55 Pull requests Projects Releases Packages Wiki Activity Actions

Start moving color-changing code to separate 'paint' stylesheet

Browse source
This commit is contained in:
benjamin melançon 2019-10-01 13:20:39 -04:00
parent 61210c0804
commit 4855fd770a
3 changed files with 20 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
web/themes/custom/geofresco/src/global/_layout.scss
View file

@ -54,22 +54,3 @@
height: 16rem;
}
}
// Gleanings don't have the same faux-image structure (because they'll never
// have a featured image) but we still want the title to look about the same.
.page--content-item--gleaning .page-title {
background-color: $gleaning;
}
.page--content-item--article .background-replacement-for-no-image {
background-color: $article;
}
.page--content-item--blog .background-replacement-for-no-image {
background-color: $blog;
}
.background-replacement-for-no-image,
.page--content-item--collection .background-replacement-for-no-image {
background-color: $collection;
}

18
web/themes/custom/geofresco/src/global/_paint.scss Normal file
View file

@ -0,0 +1,18 @@
// Gleanings don't have the same faux-image structure (because they'll never
// have a featured image) but we still want the title to look about the same.
.page--content-item--gleaning .page-title {
background-color: $gleaning;
}
.page--content-item--article .background-replacement-for-no-image {
background-color: $article;
}
.page--content-item--blog .background-replacement-for-no-image {
background-color: $blog;
}
.background-replacement-for-no-image,
.page--content-item--collection .background-replacement-for-no-image {
background-color: $collection;
}

4
web/themes/custom/geofresco/src/global/global.scss
View file

@ -43,7 +43,7 @@ $navbar-breakpoint: $mini/2;
@import "../../node_modules/bulma/sass/layout/_all";
@import "layout";
// You can add final styles below or import another Sass or SCSS stylesheet here
// and it will have access to Bulma variables and mixins.
// Stylesheets below will have access to all Bulma variables and mixins.
@import "paint";
// @import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';