Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-22 07:33:50 +00:00
Code Issues Actions Projects Releases Wiki Activity

resume short list style abstraction for accourse-work and activities (wip)

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-10-04 17:22:08 +02:00
parent 369a29af48
commit 3a07fa4faf
11 changed files with 160 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/accompanying_period_work.scss
View File

@@ -1,28 +1,49 @@
/// Display Title like a badge (with background-colored label)
h2.badge-title {
display: flex;
flex-direction: row;
width: 100%;
color: $dark;
a & {
text-decoration: none;
}
span.title_label {
border-radius: 0.35rem 0 0 0.35rem;
color: $white;
font-size: 80%;
padding: 0.5em;
padding-right: 0;
}
span.title_action {
flex-grow: 1;
margin: 0 0 0 auto;
border-radius: 0 0.35rem 0.35rem 0;
background-color: $light;
padding: 0.2em 1em;
ul.small_in_title {
margin-top: 0.5em;
font-size: 70%;
padding-left: 1rem;
}
}
}
/// AccompanyingCourse Work list Page
div.accompanying_course_work-list {
h2.title {
display: flex;
flex-direction: row;
width: 100%;
color: $dark;
//height: 40px;
h2.badge-title {
span.title_label {
border-radius: 0.35rem 0 0 0.35rem;
background-color: $social-action-label-color;
color: $white;
font-size: 80%;
padding: 0.5em;
padding-right: 0;
}
span.title_action {
flex-grow: 1;
margin: 0 0 0 auto;
border-radius: 0 0.35rem 0.35rem 0;
background-color: $light;
padding: 0.2em 0.7em;
@include badge_social_action;
&:before {
margin: 0 0.3em 0 -1.05em !important;
}
}
}
@@ -140,4 +161,3 @@ div.accompanying_course_work-list {
}
}

4
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/mixins.scss
View File

@@ -15,7 +15,7 @@ $social-action-label-color: shade-color($orange, 34%);
///
@mixin badge_social_issue {
text-transform: capitalize !important;
//text-transform: capitalize !important;
font-weight: 500 !important;
border-left: 20px groove $social-issue-color;
&:before {
@@ -32,7 +32,7 @@ $social-action-label-color: shade-color($orange, 34%);
///
@mixin badge_social_action {
text-transform: capitalize !important;
//text-transform: capitalize !important;
font-weight: 500 !important;
border-left: 20px groove $social-action-color;
&:before {