reorganise styles sheets in person/chill/scss

This commit is contained in:
2021-08-21 12:57:16 +02:00
parent 9c25132216
commit 6959de4e39
4 changed files with 83 additions and 80 deletions

View File

@@ -7,15 +7,16 @@
@import './scss/flex_table.scss';
// Specific templates styles
@import './scss/person_with_period.scss';
@import './scss/household_banner.scss';
@import './scss/accompanying_period_work.scss';
@import './scss/person_by_phonenumber.scss';
@import './scss/address_history.scss';
/*
* PERSON CONTEXT
* Header custom for Person
*/
div.banner {
div#header-person-name {
background: none repeat scroll 0 0 $chill-green-dark;
@@ -86,10 +87,12 @@ div.person-view {
}
}
/*
* ACCOMPANYING_COURSE CONTEXT
* Header custom for Accompanying Course
*/
$chill-accourse-context: #718596;
div.banner {
@@ -122,16 +125,19 @@ abbr.referrer {
align-self: center; // in flex context
}
/*
* HOUSEHOLD CONTEXT
* Header custom for Household
*/
$chill-household-context: #929d69;
div.banner {
div#header-household-name {
background: none repeat scroll 0 0 $chill-household-context;
color: $white;
h1 {
margin: 0.4em 0;
}
@@ -147,6 +153,7 @@ div.banner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
span.badge-member {
flex-shrink: 0; flex-grow: 0; flex-basis: auto;
color: $white;
@@ -165,7 +172,9 @@ div.banner {
color: $white;
padding-top: 1em;
padding-bottom: 1em;
span.current-members-explain {
font-weight: 700;
font-weight: bold;
}
}