#258 add scss asset to manage suggestions lists (add/remove)

This commit is contained in:
2021-11-25 13:21:55 +01:00
parent b09f32b1c2
commit 33c7a495c7
6 changed files with 76 additions and 37 deletions

View File

@@ -10,6 +10,9 @@
// Chill buttons
@import './scss/buttons';
// Chill badges
@import './scss/badge';
// Chill forms
@import './scss/forms';

View File

@@ -0,0 +1,34 @@
///
/// A specific list of badges used to manage suggestions
/// use bootstrap badge styles, cfr. src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/_custom.scss
///
ul.list-suggest {
list-style-type: none;
padding-left: 0;
&.add-items {
li {
cursor: pointer;
& > span:before {
font: normal normal normal 14px/1 ForkAwesome;
margin-right: 0.5em;
content: "\f067"; // fa-plus
color: var(--bs-success);
}
}
}
&.remove-items {
li {
a {
cursor: pointer;
&:before {
font: normal normal normal 14px/1 ForkAwesome;
margin-left: 0.5em;
content: "\f00d"; // fa-times
color: var(--bs-danger);
text-decoration: none;
}
}
}
}
}

View File

@@ -4,3 +4,12 @@
*/
/// A specific list of badges, use bootstrap badge styles
/// cfr. src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss
ul.list-suggest {
li > span {
@extend .badge;
@extend .bg-primary;
}
}