MOBILE-3269 style: Add bootstrap label styles

main
Pau Ferrer Ocaña 2020-03-19 12:54:15 +01:00
parent ed19c85163
commit fee8af802b
1 changed files with 26 additions and 0 deletions

View File

@ -177,6 +177,32 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
color: $color-base;
}
}
.label {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: $white;
background-color: $gray-darker;
}
.label-important {
color: $white;
background-color: $red;
}
@each $color-name, $color-base, $color-contrast in get-colors($colors) {
.label-#{$color-name} {
color: $color-contrast;
background-color: $color-base;
}
}
}
// Those styles are omitted on RTE.