CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3269 style: Add bootstrap label styles

Browse Source
This commit is contained in:
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/theme/format-text.scss
View File

@ -177,6 +177,32 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
color: $color-base; 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. // Those styles are omitted on RTE.