Files
iTop/css/backoffice/components/_field-badge.scss
2024-05-06 18:35:31 +02:00

26 lines
937 B
SCSS

/*
* @copyright Copyright (C) 2010-2024 Combodo SAS
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-field-badge--margin: $ibo-spacing-0 !default;
$ibo-field-badge--padding: $ibo-spacing-200 10px !default;
$ibo-field-badge--border-radius: $ibo-border-radius-300 !default;
$ibo-field-badge--label--spacing-x: 0.5rem !default;
.ibo-field-badge {
display: inline-flex;
align-items: baseline;
margin: $ibo-field-badge--margin;
padding: $ibo-field-badge--padding;
border-radius: $ibo-field-badge--border-radius;
/* Mind the use of these "generic" variables that allow to automatically use the right colors for a field and its value depending on which class will be append to it (see those defined in the DM) */
background-color: var(--ibo-main-color);
color: var(--ibo-complementary-color);
}
.ibo-field-badge--decoration + .ibo-field-badge--label {
margin-left: $ibo-field-badge--label--spacing-x;
}