_LabeledSwitch.scss 564 B

1234567891011121314151617181920212223242526272829303132
  1. @mixin labeledSwitch() {
  2. .esri-labeled-switch {
  3. &__label {
  4. --calcite-label-margin-bottom: 0;
  5. }
  6. &__label-content {
  7. display: flex;
  8. flex: 1;
  9. gap: $side-spacing--half;
  10. align-items: center;
  11. text-wrap: balance;
  12. > div {
  13. flex-grow: 1;
  14. }
  15. }
  16. &__icon {
  17. margin-top: -1px; // Align the icon visually with the switch.
  18. color: var(--calcite-color-status-info);
  19. }
  20. &__tooltip {
  21. text-wrap: wrap;
  22. }
  23. }
  24. }
  25. @if $include_LabeledSwitch == true {
  26. @include labeledSwitch();
  27. }