New class .with-labels for toolbar with icons & labels

src/stylesheets/css/Lungo.layout.css

@@ -14,7 +14,9 @@ nav .bubble{position:relative;top:-16px;left:-10px;margin-right:-20px;}
 .toolbar{height:48px;display:block;}.toolbar nav{display:block;}
 .toolbar a{padding:0;}
 .toolbar .icon{display:block;font-size:2.5em;line-height:48px;}
+.toolbar.with-labels .icon{line-height:40px;padding-bottom:8px;}
 .toolbar .bubble{top:-54px;left:6px;padding:1px 4px;}
+.toolbar abbr{position:absolute;top:34px;width:inherit;height:12px;display:block !important;font-size:0.9em;line-height:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 aside{position:absolute;top:0px;bottom:0px;height:auto;width:256px;max-width:256px;opacity:0;z-index:0;}
 aside.show{opacity:1;}
 header~aside{padding-top:40px;}

src/stylesheets/less/Lungo.layout.less

@@ -124,11 +124,31 @@ nav {
 		line-height: 48px;
 	}
 	
+	&.with-labels .icon {
+    	line-height: 40px;
+		padding-bottom: 8px;
+	}
+	
 	& .bubble {
     	top:  -54px;
 	    left: 6px;
 	    padding: 1px 4px;
 	}
+	
+	& abbr {
+		position: absolute;
+		top: 34px;
+    	width: inherit;
+    	height: 12px;
+    	display: block !important;
+    	
+    	font-size: 0.9em;
+    	line-height: 12px;
+    	    	
+    	overflow: hidden;
+   		white-space: nowrap;
+  		text-overflow: ellipsis;
+	}
 }
 /* @end */