.mb-element-dimensionshandler{
  /*
     This is the original Bootstrap 4 declaration for a gutter-less grid.
     See https://getbootstrap.com/docs/4.0/layout/grid/#no-gutters
     We haven't universally adopted Bootstrap 4 yet, but this should remain compatible
     if / when we do.
   */
  .no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .slider-wrap, .no-gutters .slider-wrap {
    padding: 0;
  }
  .dimensionset-value {
    text-align: right;
  }
}

.toolBar .mb-element-dimensionshandler {
  width: 140px;
  /** @todo: reevaluate global padding for all .toolBarItem (only desirable for .mb-button) */
  padding: 0 5px; // maintain some horizontal padding (slider handle can overlap left / right edges)

  .dimensionset {
    font-size: 85%;
  }
}
