ar-design
Version:
AR Design is a (react | nextjs) ui library.
24 lines (22 loc) • 725 B
CSS
.ar-button-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: max-content;
}
.ar-button-group > .ar-button,
.ar-button-group > .ar-button:is(.ar-button-shape) {
border-radius: 0;
}
.ar-button-group > .ar-button:first-child,
.ar-button-group > .ar-button:is(.ar-button-shape):first-child {
border-top-left-radius: var(--border-radius-sm);
border-bottom-left-radius: var(--border-radius-sm);
}
.ar-button-group > .ar-button:last-child,
.ar-button-group .ar-button:is(.ar-button-shape):last-child {
border-top-right-radius: var(--border-radius-sm);
border-bottom-right-radius: var(--border-radius-sm);
}
@import url("./variant/filled/core.css");
@import url("./variant/outlined/core.css");