@alifd/next/es/split-button/index.css

A configurable component library for web built on React.

.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px; }

.next-split-btn {
  display: inline-block;
  position: relative; }
  .next-split-btn-spacing-tb {
    padding: 0px 0;
    padding: var(--popup-spacing-tb, 0px) 0; }
  .next-split-btn-trigger .next-icon {
    transition: transform 100ms linear;
    transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
  .next-split-btn-trigger.next-expand .next-split-btn-symbol-fold {
    transform: rotate(180deg); }
  .next-split-btn-trigger.next-btn-normal:not(:disabled):not(.disabled) .next-icon {
    color: #999999;
    color: var(--split-btn-trigger-normal-icon-color, #999999); }
  .next-split-btn-trigger.next-small {
    padding-left: 4px;
    padding-left: var(--s-1, 4px);
    padding-right: 4px;
    padding-right: var(--s-1, 4px); }
  .next-split-btn-trigger.next-medium {
    padding-left: 8px;
    padding-left: var(--s-2, 8px);
    padding-right: 8px;
    padding-right: var(--s-2, 8px); }
  .next-split-btn-symbol-fold::before {
    content: "";
    content: var(--split-btn-fold-icon-content, ""); }
  .next-split-btn-symbol-unfold::before {
    content: "";
    content: var(--split-btn-unfold-icon-content, ""); }