sample skeleton application with dojo toolkit & arcgis js api v 4.30
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

95 lines
2.3 KiB

.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);