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.
96 lines (81 loc) • 2.31 kB
text/less
.mblIconMenuItemRtl {
float: right;
}
.first-column(@v){
&.mblIconMenuItemFirstColumn{
border-right: none;
border-left: @v;
}
}
.menu-item-first-column(@v){
.mblIconMenuItemRtl{
.first-column (@v);
}
}
.top-radius(@r, @l){
border-top-right-radius: @r;
border-top-left-radius: @l;
}
.bottom-radius(@r, @l){
border-bottom-right-radius: @r;
border-bottom-left-radius: @l;
}
.first-row-first-column(@r, @l: 0px){
.mblIconMenuItemRtl.mblIconMenuItemFirstRow.mblIconMenuItemFirstColumn {
.top-radius(@r, @l);
}
}
.first-row-last-column(@r: 0px, @l){
.mblIconMenuItemRtl.mblIconMenuItemFirstRow.mblIconMenuItemLastColumn {
.top-radius(@r, @l);
}
}
.last-row-first-column(@r, @l: 0px){
.mblIconMenuItemRtl.mblIconMenuItemLastRow.mblIconMenuItemFirstColumn {
.bottom-radius(@r, @l);
}
}
.last-row-last-column(@r: 0px, @l){
.mblIconMenuItemRtl.mblIconMenuItemLastRow.mblIconMenuItemLastColumn {
.bottom-radius(@r, @l);
}
}
.mixin(android, @r:6px, @l: 0px, @v:~"1px solid rgba(96, 96, 96, 0.85)"){
.menu-item-first-column(@v);
.first-row-first-column(@r, @l);
.first-row-last-column(@l, @r);
.last-row-first-column(@r, @l);
.last-row-last-column(@l ,@r);
}
.mixin(iphone, @r:10px, @l: 0px, @v:~"1px solid #6b6c6f"){
.menu-item-first-column(@v);
.first-row-first-column(@r, @l);
.first-row-last-column(@l, @r);
.last-row-first-column(@r, @l);
.last-row-last-column(@l ,@r);
}
.mixin(custom, @r:3px, @l: 0px, @v:~"1px solid rgba(192, 192, 192, 0.85)"){
.menu-item-first-column(@v);
.first-row-first-column(@r, @l);
.first-row-last-column(@l, @r);
.last-row-first-column(@r, @l);
.last-row-last-column(@l ,@r);
}
.mixin(blackberry, @v:~"1px solid #000000"){
.first-column(@v);
}
.mixin(holoDark, @r:6px, @l: 0px, @v:~"1px solid rgba(96, 96, 96, 0.85)"){
.menu-item-first-column(@v);
.first-row-first-column(@r, @l);
.first-row-last-column(@l, @r);
.last-row-first-column(@r, @l);
.last-row-last-column(@l ,@r);
}
.mixin(ios7, @r:6px, @l: 0px, @v:~"1px solid rgba(96, 96, 96, 0.85)"){
.menu-item-first-column(@v);
.first-row-first-column(@r, @l);
.first-row-last-column(@l, @r);
.last-row-first-column(@r, @l);
.last-row-last-column(@l ,@r);
}
.mixin(@theme-id);