jiro-ui
Version:
A Mithril.js UI library based from construct-ui
34 lines (33 loc) • 1.1 kB
CSS
.cui-button-group {
display: inline-flex;
vertical-align: middle; }
.cui-button-group .cui-button {
flex: 1 0 auto;
position: relative;
margin: 0; }
.cui-button-group .cui-button:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.cui-button-group .cui-button:not(:last-child) {
margin-right: -1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.cui-button-group .cui-button:active, .cui-button-group .cui-button.cui-active, .cui-button-group .cui-button:focus, .cui-button-group .cui-button:hover {
z-index: 10; }
.cui-button-group.cui-basic .cui-button {
margin-right: 10px;
border-radius: 3px; }
.cui-button-group.cui-basic .cui-button:not(:last-child):after {
margin: 5px;
background: #c5cdd1;
width: 1px;
display: inline-block;
position: absolute;
top: 5%;
bottom: 5%;
left: 100%;
content: ""; }
.cui-button-group.cui-fluid {
width: 100%; }
.cui-button-group.cui-fluid .cui-button {
flex: 1 1 auto; }