ayovue
Version:
A progressive vue components library designed to simplify and accelerate your web development process.
44 lines (43 loc) • 1.04 kB
CSS
.a-button-group {
display: inline-flex;
vertical-align: middle;
flex-wrap: wrap;
border-radius: 0.2em;
}
.a-button-group.a-rounded,
.a-button-group.a-rounded > .a-button {
border-radius: 10em;
}
.a-button-group.a-flat,
.a-button-group.a-flat > .a-button {
border-radius: 0;
}
.a-button-group > .a-button.a-block {
width: auto;
width: initial;
}
.a-button-group > .a-button {
font-size: 1em ;
}
.a-button-group > .a-button {
border-radius: 0.2em;
}
.a-button-group > .a-button:not(:first-child):not(:last-child) {
border-radius: 0;
}
.a-button-group > .a-button.a-raised {
box-shadow: none;
}
.a-button-group > .a-button:not(:focus):not(:last-child) {
border-right: none;
}
.a-button-group > .a-button:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.a-button-group > .a-button:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/**
*/