consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow different layout backgounds per tenant

Browse Source 
We were already doing the same for the main header color; now we also
make it easier to use different top links, subnavigation and footer
colors per tenant.

Just like we do with SCSS variables, we use the brand-secondary color
for the top links when the `--top-links` variable isn't defined.
This commit is contained in:
Javi Martín
2022-10-28 20:26:08 +02:00
parent af040fcc2b
commit d0d8f9cc1e
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/layout.scss
View File

@@ -693,7 +693,7 @@ body > header,
}
.top-links {
@include background-with-text-contrast($top-links);
@include background-with-text-contrast($top-links, [top-links, brand-secondary]);
display: flex;
flex-wrap: wrap;
font-size: $small-font-size;
@@ -737,7 +737,7 @@ body > header,
flex-direction: column;
@include breakpoint(medium) {
@include background-with-text-contrast($subnavigation);
@include background-with-text-contrast($subnavigation, subnavigation);
flex-direction: row;
padding-bottom: 0;
@@ -913,7 +913,7 @@ footer {
}
.footer {
@include background-with-text-contrast($footer);
@include background-with-text-contrast($footer, footer);
clear: both;
margin-top: $line-height * 2;
padding-bottom: $line-height;