Skip to content

Commit fee8af8

Browse files
committed
MOBILE-3269 style: Add bootstrap label styles
1 parent ed19c85 commit fee8af8

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

src/theme/format-text.scss

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,32 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
177177
color: $color-base;
178178
}
179179
}
180+
181+
.label {
182+
display: inline-block;
183+
padding: .25em .4em;
184+
font-size: 75%;
185+
font-weight: 700;
186+
line-height: 1;
187+
text-align: center;
188+
white-space: nowrap;
189+
vertical-align: baseline;
190+
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
191+
color: $white;
192+
background-color: $gray-darker;
193+
}
194+
195+
.label-important {
196+
color: $white;
197+
background-color: $red;
198+
}
199+
200+
@each $color-name, $color-base, $color-contrast in get-colors($colors) {
201+
.label-#{$color-name} {
202+
color: $color-contrast;
203+
background-color: $color-base;
204+
}
205+
}
180206
}
181207

182208
// Those styles are omitted on RTE.

0 commit comments

Comments
 (0)