@adobe/coral-spectrum/coral-component-buttongroup/src/styles/index.css

Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.

/**
 * Copyright 2019 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
._coral-ButtonGroup {
  display: -ms-flexbox;
  display: flex;
}
._coral-ButtonGroup ._coral-Button,
  ._coral-ButtonGroup ._coral-ActionButton,
  ._coral-ButtonGroup ._coral-Tool {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
._coral-ButtonGroup > .coral-Divider--vertical {
    height: auto;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
._coral-ButtonGroup ._coral-Button + ._coral-Button {
    margin-left: 16px;
  }
._coral-ButtonGroup ._coral-ActionButton + ._coral-ActionButton {
    margin-left: 8px;
  }
._coral-ButtonGroup ._coral-Tool + ._coral-Tool {
    margin-left: 8px;
  }
._coral-ButtonGroup--vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
._coral-ButtonGroup--vertical ._coral-ActionButton-label {
    -ms-flex-positive: 1;
        flex-grow: 1;
    text-align: left;
  }
._coral-ButtonGroup--vertical ._coral-Button + ._coral-Button {
    margin-top: 16px;
    margin-left: 0;
  }
._coral-ButtonGroup--vertical ._coral-ActionButton + ._coral-ActionButton {
    margin-top: 8px;
    margin-left: 0;
  }
._coral-ButtonGroup--vertical ._coral-Tool + ._coral-Tool {
    margin-top: 8px;
    margin-left: 0;
  }

.coral--large ._coral-ButtonGroup ._coral-Button + ._coral-Button {
    margin-left: 16px;
  }
.coral--large ._coral-ButtonGroup ._coral-ActionButton + ._coral-ActionButton {
    margin-left: 10px;
  }
.coral--large ._coral-ButtonGroup ._coral-Tool + ._coral-Tool {
    margin-left: 10px;
  }
.coral--large ._coral-ButtonGroup--vertical ._coral-Button + ._coral-Button {
    margin-top: 16px;
    margin-left: 0;
  }
.coral--large ._coral-ButtonGroup--vertical ._coral-ActionButton + ._coral-ActionButton {
    margin-top: 10px;
    margin-left: 0;
  }
.coral--large ._coral-ButtonGroup--vertical ._coral-Tool + ._coral-Tool {
    margin-top: 10px;
    margin-left: 0;
  }

._coral-ButtonGroup-select {
  display: none;
}