47 lines
1.2 KiB
SCSS
Raw Permalink Normal View History

@use '../../scss/_bootstrap-extended/include' as light;
@use '../../scss/_bootstrap-extended/include-dark' as dark;
@import '../../scss/_custom-variables/libs';
.bootstrap-maxlength {
line-height: 1;
text-align: center;
vertical-align: baseline;
}
// light layout
@if $enable-light-style {
.light-style {
.bootstrap-maxlength {
background: light.$gray-200;
font-size: light.$badge-font-size;
font-weight: light.$badge-font-weight;
padding: light.$badge-padding-y light.$badge-padding-x;
@include light.border-bottom-radius(light.$badge-border-radius);
&.label-danger {
color: light.color-contrast(map-get(light.$theme-colors, danger));
background: map-get(light.$theme-colors, danger);
}
}
}
}
// dark layout
@if $enable-dark-style {
.dark-style {
.bootstrap-maxlength {
background: dark.$body-bg;
padding: dark.$badge-padding-y dark.$badge-padding-x;
font-size: dark.$badge-font-size;
font-weight: dark.$badge-font-weight;
@include light.border-bottom-radius(dark.$badge-border-radius);
&.label-danger {
color: dark.color-contrast(map-get(dark.$theme-colors, danger));
background: map-get(dark.$theme-colors, danger);
}
}
}
}