ngx-admin/src/app/pages/e-commerce/legend-chart/legend-chart.component.scss
2019-07-02 16:18:09 +03:00

31 lines
662 B
SCSS

@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
display: flex;
flex-wrap: wrap;
.legend {
display: flex;
justify-content: space-between;
align-items: center;
&:not(:last-child) {
@include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem);
}
}
.legend-item-color {
min-width: 15px;
min-height: 15px;
border-radius: 0.2rem;
}
.legend-title {
@include nb-ltr(padding-left, 0.75rem);
@include nb-rtl(padding-right, 0.75rem);
white-space: nowrap;
}
}