MOBILE-3269 style: Add bootstrap label styles
parent
ed19c85163
commit
fee8af802b
|
@ -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.
|
||||
|
|
Loading…
Reference in New Issue