| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- /* Logistics Overview
- ******************************************************************************* */
-
- @import "../_bootstrap-extended/include";
-
- /* Vehicles overview progress labels */
- .vehicles-progress-labels {
- .vehicles-progress-label {
- position: relative;
- padding-block-end: 15px;
-
- &::after {
- position: absolute;
- display: inline-block;
- background-color: var(--#{$prefix}border-color);
- block-size: 10px;
- content: "";
- inline-size: 2px;
- inset-block-end: 0;
- inset-inline-start: 0;
- }
- }
- }
-
- /* Vehicles overview progress */
- .vehicles-overview-progress {
- --#{$prefix}snackbar-bg: #22303e;
- .snackbar {
- background-color: var(--#{$prefix}snackbar-bg);
- }
- }
-
- /* Shipment statistics chart legend */
- #shipmentStatisticsChart,
- #carrierPerformance {
- .apexcharts-legend-series {
- border: 1px solid var(--#{$prefix}border-color);
- block-size: 83%;
- margin-block-end: .4375rem !important;
- padding-block: 4px;
- padding-inline: 12px;
- padding-inline-start: 17px;
- @include border-radius(var(--#{$prefix}border-radius));
- }
- }
-
- /* Dark theme */
- @if $enable-dark-mode {
- @include color-mode(dark) {
- .vehicles-overview-progress {
- --#{$prefix}snackbar-bg: #e6e6f1;
- }
- }
- }
|