maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.74 kB
CSS
.m-button-group[data-v-c3f04a48]{display:inline-flex}.m-button-group.--row[data-v-c3f04a48]{flex-direction:row}.m-button-group.--row .m-button-group__button[data-v-c3f04a48],.m-button-group.--row[data-v-c3f04a48] .m-btn{border-radius:0}.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:first-child,.m-button-group.--row[data-v-c3f04a48] .m-btn:first-child{border-top-left-radius:var(--maz-radius);border-bottom-left-radius:var(--maz-radius)}.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:last-child,.m-button-group.--row[data-v-c3f04a48] .m-btn:last-child{border-top-right-radius:var(--maz-radius);border-bottom-right-radius:var(--maz-radius)}.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:not(:last-child),.m-button-group.--row[data-v-c3f04a48] .m-btn:not(:last-child){border-right-width:0}.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:not(:first-child),.m-button-group.--row[data-v-c3f04a48] .m-btn:not(:first-child){margin-left:-1px}.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:focus-visible,.m-button-group.--row .m-button-group__button[data-v-c3f04a48]:active,.m-button-group.--row .m-button-group__button.--active[data-v-c3f04a48],.m-button-group.--row[data-v-c3f04a48] .m-btn:focus-visible,.m-button-group.--row[data-v-c3f04a48] .m-btn:active,.m-button-group.--row[data-v-c3f04a48] .m-btn.--active{z-index:1}.m-button-group.--col[data-v-c3f04a48]{flex-direction:column}.m-button-group.--col .m-button-group__button[data-v-c3f04a48],.m-button-group.--col[data-v-c3f04a48] .m-btn{border-radius:0}.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:first-child,.m-button-group.--col[data-v-c3f04a48] .m-btn:first-child{border-top-left-radius:var(--maz-radius);border-top-right-radius:var(--maz-radius)}.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:last-child,.m-button-group.--col[data-v-c3f04a48] .m-btn:last-child{border-bottom-right-radius:var(--maz-radius);border-bottom-left-radius:var(--maz-radius)}.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:not(:last-child),.m-button-group.--col[data-v-c3f04a48] .m-btn:not(:last-child){border-bottom-width:0}.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:not(:first-child),.m-button-group.--col[data-v-c3f04a48] .m-btn:not(:first-child){margin-top:-1px}.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:focus-visible,.m-button-group.--col .m-button-group__button[data-v-c3f04a48]:active,.m-button-group.--col .m-button-group__button.--active[data-v-c3f04a48],.m-button-group.--col[data-v-c3f04a48] .m-btn:focus-visible,.m-button-group.--col[data-v-c3f04a48] .m-btn:active,.m-button-group.--col[data-v-c3f04a48] .m-btn.--active{z-index:1}