Add css rules for label elements

This commit is contained in:
Jean-Romain Garnier 2021-01-17 19:31:08 +01:00
parent 3acd1a9150
commit dff7a87e2e
4 changed files with 41 additions and 0 deletions

View file

@ -47,6 +47,10 @@ $bg-text-color: $text-color;
$bg-link-color: #628bae;
// Labels
$label-text-color: $text-color;
// Forms
$forms-text-color: #555555;
$forms-background-color: #ffffff;

View file

@ -47,6 +47,10 @@ $bg-text-color: #ffffff;
$bg-link-color: #00e8d2;
// Labels
$label-text-color: #ffffff;
// Forms
$forms-text-color: #495057;
$forms-background-color: #a9bdbd;

View file

@ -49,6 +49,10 @@ $bg-text-color: none;
$bg-link-color: none;
// Labels
$label-text-color: none;
// Forms
$forms-text-color: none;
$forms-background-color: none;

View file

@ -153,6 +153,35 @@ a:hover {
}
/*
* Labels
*/
.label-primary {
color: $label-text-color;
background-color: $primary-color;
}
.label-secondary {
color: $label-text-color;
background-color: $secondary-color;
}
.label-success {
color: $label-text-color;
background-color: $success-color;
}
.label-info {
color: $label-text-color;
background-color: $info-color;
}
.label-warning {
color: $label-text-color;
background-color: $warning-color;
}
.label-danger {
color: $label-text-color;
background-color: $danger-color;
}
/*
* Forms
*/