quasar-framework
Version:
Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase
44 lines (43 loc) • 1.25 kB
text/stylus
.q-btn-group
border-radius $button-border-radius
box-shadow $button-shadow
vertical-align middle
> .q-btn-item
box-shadow none
> .q-btn-group
> .q-btn:first-child
border-top-left-radius inherit
border-bottom-left-radius inherit
> .q-btn:last-child
border-top-right-radius inherit
border-bottom-right-radius inherit
> .q-btn-group:not(:first-child) > .q-btn:first-child
border-left 0
> .q-btn-group:not(:last-child) > .q-btn:last-child
border-right 0
> .q-btn-item:not(:last-child)
border-top-right-radius 0
border-bottom-right-radius 0
> .q-btn-item + .q-btn-item
border-top-left-radius 0
border-bottom-left-radius 0
.q-btn-group-push
border-radius $button-push-border-radius
> .q-btn-push
.q-btn-inner
transition $button-transition
&:active:not(.disabled)
&.active:not(.disabled)
border-bottom-color rgba(0, 0, 0, .15)
transform translateY(0)
.q-btn-inner
transform translateY(3px)
.q-btn-group-rounded
border-radius $button-rounded-border-radius
.q-btn-group-flat, .q-btn-group-outline
box-shadow none
.q-btn-group-outline
> .q-btn-item + .q-btn-item
border-left 0
> .q-btn-item:not(:last-child)
border-right 0