activity list: badges for issues, actions and reasons

This commit is contained in:
2021-08-20 23:59:37 +02:00
parent 14cbb1dd28
commit b37de4cd4f
7 changed files with 65 additions and 21 deletions

View File

@@ -1,10 +1,11 @@
$social-issue-color: #4bafe8;
$social-action-color: $pink;
///
/// Social Issue mixin
// define visual badge for all social issues
///
$social-issue-color: $chill-pink;
@mixin badge_social_issue {
text-transform: capitalize !important;
font-weight: 500 !important;
@@ -16,3 +17,20 @@ $social-issue-color: $chill-pink;
margin: 0 0.3em 0 -0.7em;
}
}
///
/// Social Action mixin
// define visual badge for all social actions
///
@mixin badge_social_action {
text-transform: capitalize !important;
font-weight: 500 !important;
border-left: 20px groove $social-action-color;
&:before {
content: '\f04b';
font-family: ForkAwesome;
color: $social-action-color;
margin: 0 0.3em 0 -0.7em;
}
}

View File

@@ -1,5 +1,3 @@
/// variables
/// CHILL ENTITY RENDER BOX
.chill-entity {
@@ -18,6 +16,15 @@
@include badge_social_issue;
}
}
/// SOCIAL-ACTION
&.entity-social-action {
margin-right: 0.3em;
font-size: 120%;
span.badge {
@include badge_social_action;
}
}
}