dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
101 lines (98 loc) • 2.24 kB
text/less
/* dojox.mobile.ToolBarButton */
.mblToolBarButton {
display:inline-block;
position: relative;
cursor: pointer;
.tap-highlight-color(rgba(255,255,255,0));
margin: 6px;
padding: 0 10px;
height: 29px;
line-height: 29px;
text-align: center;
font-family: Helvetica;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
.mblToolBarButton-styles;
}
.mblToolBarButtonHasIcon, .mblToolBarButtonLightIcon {
padding: 0;
}
.mblHeading {
.mblToolBarButton {
float: left;
}
span.mblToolBarButtonLightIcon {
padding: 0;
}
}
.mblToolBarButtonHasLeftArrow {
padding-right: 0;
padding-left: 10px;
}
.mblToolBarButtonHasRightArrow {
padding-left: 0;
padding-right: 10px;
}
.mblToolBarButtonArrow {
position: absolute;
top: 5px;
width: 20px;
height: 19px;
.mblToolBarButtonArrow-styles;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
.mblToolBarButtonArrowInLeftArrow-styles;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
.mblToolBarButtonArrowInRightArrow-styles;
}
.mblHeading {
.mblToolBarButtonArrow {
.mblToolBarButtonArrowInHeading-styles;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
.mblToolBarButtonHasLeftArrowInHeading-styles;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
.mblToolBarButtonHasRightArrowInHeading-styles;
}
}
.mblToolBarButtonBody {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: @mbl-tool-bar-button-body-border-radius;
.mblToolBarButtonBody-styles;
}
.mblToolBarButton .mblToolBarButtonBody {
width: 100%;
}
.mblHeading .mblToolBarButtonBody {
.mblToolBarButtonBodyInHeading-styles;
}
.mblToolBarButtonBody table {
margin: 0 auto;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
.mblToolBarButtonBodyInLeftArrow-styles;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
.mblToolBarButtonBodyInRightArrow-styles;
}
.mblToolBarButtonText .mblToolBarButtonIcon {
padding-left: 10px;
}
.mblToolBarButtonText .mblToolBarButtonLabel {
padding-right: 10px;
height: 29px;
}
.mblToolBarButtonHasLeftArrow .mblToolBarButtonIcon {
padding-left: 4px;
}
.mblToolBarButtonHasRightArrow .mblToolBarButtonLabel {
padding-right: 4px;
}
.mblToolBarButtonIcon > div {
height: 29px;
}