@alihbuzaid/ember-ui
Version:
Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.
16 lines (13 loc) • 762 B
CSS
:root {
--fleet-summary-toggle-base-padding: 1rem;
--fleet-summary-nav-item-base-padding: 1.125rem;
--fleet-summary-depths: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12;
}
@each $i in var(--fleet-summary-depths) {
.next-fleet-summary .next-sidebar-panel-container.next-fleet-summary-fleet.fleet-depth-$(i) > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-toggle {
padding-left: calc(1rem + $i * var(--fleet-summary-toggle-base-padding));
}
.next-fleet-summary .next-sidebar-panel-container.next-fleet-summary-fleet.fleet-depth-$(i) > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item {
padding-left: calc(1rem + ($i + 1) * var(--fleet-summary-nav-item-base-padding));
}
}