prez-concepts-chill/presentation/src/styles.css

121 lines
2.1 KiB
CSS

*, ::before, ::after {
box-sizing: border-box;
}
.parcours {
display: inline-block;
background-color: #718596;
color: white;
padding: 0.35em 0.65em 0.35em 1.5em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.parcours::before {
margin: 0 0.3em 0 -0.75em;
font-family: ForkAwesome;
content: '\f074';
}
.menage {
display: inline-block;
background-color: #929d69;
color: white;
padding: 0.35em 0.65em 0.35em 1.5em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.menage::before {
margin: 0 0.3em 0 -0.75em;
font-family: ForkAwesome;
content: '\f015';
}
.usager {
display: inline-block;
background-color: #368e7e;
color: white;
padding: 0.35em 0.65em 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.spaced > ul > li {
margin-top: 1.5rem;
}
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge {
background-color: #ced4da !important;
color: #2c2d2f;
}
.badge {
text-align: initial;
margin-bottom: 0.2em;
}
.chill-entity span.badge {
font-weight: 500 !important;
}
.chill-entity span.badge::before {
margin: 0 0.3em 0 -0.75em;
font-family: ForkAwesome;
content: '\f04b';
}
.chill-entity.entity-social-issue span.badge {
border-left: 20px groove #4bafe8;
}
.chill-entity.entity-activity span.badge {
border-left: 20px groove yellowgreen;
}
.chill-entity.entity-social-action span.badge {
border-left: 20px groove #e2793d;
}
.chill-entity.entity-social-issue span.badge::before {
color: #4bafe8;
}
.chill-entity.entity-activity span.badge::before {
color: yellowgreen;
}
.chill-entity.entity-social-action span.badge::before {
color: #e2793d;
}