refactor activity list css styles (wip)

This commit is contained in:
2021-10-05 17:03:39 +02:00
parent 52c1a01980
commit e12e5798ea
8 changed files with 186 additions and 234 deletions

View File

@@ -120,12 +120,6 @@ div.banner {
}
}
abbr.referrer { // still used ?
font-size: 70%;
padding-right: 0.4em;
align-self: center; // in flex context
}
/*
* HOUSEHOLD CONTEXT
* Header custom for Household
@@ -185,6 +179,7 @@ div.banner {
}
}
///
div.household-resume {
display: flex;
flex-direction: row;
@@ -234,3 +229,16 @@ div.accompanyingcourse-resume {
}
}
}
///
abbr.referrer { // still used ?
font-size: 70%;
padding-right: 0.4em;
align-self: center; // in flex context
}
.updatedBy {
margin-top: 0.3rem;
font-size: 0.9rem;
font-style: italic;
}

View File

@@ -108,10 +108,4 @@ div.accompanying_course_work-list {
}
}
.updatedBy {
margin-top: 0.3rem;
font-size: 0.9rem;
font-style: italic;
}
}

View File

@@ -62,6 +62,9 @@ h2.badge-title {
font-size: 80%;
padding: 0.5em;
padding-right: 0;
h3 {
margin-bottom: 0.5rem;
}
}
span.title_action {
flex-grow: 1;
@@ -97,6 +100,9 @@ h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($activity-color, 34%);
h3 {
color: $white;
}
}
span.title_action {
@include badge_title($activity-color);
@@ -108,6 +114,9 @@ h2.badge-title {
p {
margin-bottom: 0;
text-align: right;
abbr {
text-decoration: none;
}
}
}
}

View File

@@ -4,7 +4,7 @@
///
@mixin chill_badge($color) {
//text-transform: capitalize !important;
text-transform: capitalize !important;
font-weight: 500 !important;
border-left: 20px groove $color;
&:before {