@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
76 lines (68 loc) • 1.73 kB
CSS
.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;
}