UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

76 lines (68 loc) 1.73 kB
.spectrum-SplitButton { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; vertical-align: top; } .spectrum-SplitButton + .spectrum-SplitButton, .spectrum-SplitButton + .spectrum-Button { margin-left: 15px; } .spectrum-Button + .spectrum-SplitButton { margin-left: 15px; } .spectrum-SplitButton-action { margin-left: 0; border-radius: 20px 0 0 20px; } .spectrum-SplitButton-action.spectrum-Button--cta { border-right: 0; margin-right: 2px; } .spectrum-SplitButton-action + .spectrum-SplitButton-trigger { margin-left: 0; } .spectrum-SplitButton-trigger { margin-left: 0; border-radius: 0 20px 20px 0; border-left-width: 0; padding-left: 10.00005px; padding-right: 13px; min-width: 0; } .spectrum-SplitButton-trigger.focus-ring { box-shadow: none; } .spectrum-SplitButton-icon { display: block; margin-top: 1px; } .spectrum-SplitButton-action, .spectrum-SplitButton-trigger { position: relative; } .spectrum-SplitButton-action:focus, .spectrum-SplitButton-trigger:focus { z-index: 1; } .spectrum-SplitButton-action .spectrum-Button-label + .spectrum-Icon { margin-left: 15px; } .spectrum-SplitButton--left .spectrum-SplitButton-action { border-radius: 0 20px 20px 0; margin-right: 0; margin-left: 0; } .spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--cta { border-left: 0; margin-left: 2px; } .spectrum-SplitButton--left .spectrum-SplitButton-trigger { margin-right: 0; border-radius: 20px 0 0 20px; border-left-width: 2px; border-right-width: 0; padding-right: 10.00005px; padding-left: 13px; }