fine-true/lib/button-group/index.less

A small and beautiful Vue3 version of the UI Library

.fine-button-group {
  display: inline-block;
  vertical-align: middle;
  > .fine-button {
    float: left;
  }
  .fine-button:not(:first-child):not(:last-child):not(.fine-button-plain) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
  }
  .fine-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: hsla(0, 0%, 100%, 0.5);
  }
  .fine-button:last-child:not(.fine-button-plain) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, 0.5);
  }
  .fine-button:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  > .fine-button:not(:last-child) {
    margin-right: -1px;
  }
}