Optimizing stylesheets > infinite loop :)

src/stylesheets/css/Lungo.layout.css

@@ -28,8 +28,7 @@ header~article{top:40px;}
 footer~article{bottom:40px;}
 article.current{z-index:1;opacity:1;}
 article.aside{left:256px !important;}
-article.indented>*:only-child{padding:10px;width:auto;}
-article .title{font-size:15px;margin:0 4px 4px;}
+article .title{font-size:1.2em;margin:0 4px 4px;}
 article .title .icon{margin-right:4px;}
 nav{height:inherit;text-align:center;font-weight:normal;}
 nav a{display:inline-block;padding:0 6px;height:inherit;float:left;font-size:2.0em;line-height:38px;}

src/stylesheets/css/Lungo.layout.list.css

@@ -2,7 +2,7 @@
 .list li:not(.toolbar){padding:8px 6px;list-style-type:none;}
 .list a{display:block;}
 .list li:not(.toolbar) img,.list li:not(.toolbar) .icon{float:left;width:32px;height:32px;margin-right:6px;font-size:36px;font-weight:normal;}
-.list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.85em;font-weight:normal;}
+.list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.85em;font-weight:normal;line-height:0.85em;}
 .list .icon{display:inline-block;}
 .list .tip{font-size:0.85em;font-weight:bold;}
 .list .light{font-size:0.9em;font-weight:normal;}

src/stylesheets/css/Lungo.theme.default.css

@@ -132,38 +132,34 @@ aside .anchor {
 }
 /* @end */
 /* @group widgets */
-.splash article {
-  background: #2c2c2d -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #2c2c2d), color-stop(1, #1c1d1d)) !important;
+.splash {
+  background: #019d5e -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #019d5e), color-stop(1, #006b41));
   color: #fff;
-  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;
+  text-shadow: 0px 1px 1px #000;
 }
 /* @group <inputs> */
 input, textarea, select {
-  border: 1px solid #ccc;
+  border: 1px solid #c5c5c5;
+  background: #ffffff -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(0.25, #ffffff));
+}
+.rounded input, textarea, select {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
-  background: #ffffff -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(0.15, #ffffff));
 }
 input:focus, textarea:focus, select:focus {
   border: 1px solid #058cf5;
-  -webkit-box-shadow: 0 0 4px 1px #058cf5;
-  -moz-box-shadow: 0 0 4px 1px #058cf5;
-  box-shadow: 0 0 4px 1px #058cf5;
+  -webkit-box-shadow: 0px 0px 4px 0px #058cf5;
+  -moz-box-shadow: 0px 0px 4px 0px #058cf5;
+  box-shadow: 0px 0px 4px 0px #058cf5;
   background: #e8fefe;
 }
 .select:after {
   background: #ccc;
   color: white;
-  -webkit-border-radius: 0 2px 2px 0;
-  -moz-border-radius: 0 2px 2px 0;
-  border-radius: 0 2px 2px 0;
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding;
-  background-clip: padding-box;
 }
 /* @end */
 .bubble {

src/stylesheets/css/Lungo.widgets.css

@@ -1,12 +1,15 @@
 .scroll,scroll{position:relative;display:block;width:100%;height:100%;}
 section.copyright{margin-top:128px;z-index:1000;background:#000;text-align:center;font-size:24px;}
 section.copyright img{max-height:128px;}
-.scroll{overflow:scroll;-webkit-overflow-scrolling:touch;}
-.hidden{display:none;}
 .onleft{float:left;}
 .onright{float:right;}
+.indented{padding:10px;width:auto;}
+.margin-top-4{margin-top:4px;}
+.hidden{display:none;}
+.semi-opacity{opacity:0.5;}
+.size32{font-size:32px;height:32px;width:32px;line-height:32px;}
+.mini{font-size:20px !important;height:16px !important;width:16px !important;line-height:16px !important;}
 .framed{border:2px solid #fff;}
 .round{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
-.semi-opacity{opacity:0.5;}
-.margin-top-4{margin-top:4px;}
 .bubble{padding:2px 4px 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-size:0.8em;font-weight:bold;line-height:1.0em;}
+.scroll{overflow:scroll;-webkit-overflow-scrolling:touch;}

src/stylesheets/css/Lungo.widgets.splash.css

@@ -1,4 +1,5 @@
-.splash article{height:100%;text-align:center;}
-.splash img{max-width:206px;margin:128px auto 32px;}
-.splash h1{margin:128px auto 16px;font-size:2.5em;font-weight:bold;}
-.splash .copyright{position:absolute;width:100%;bottom:4px;font-style:normal;}
+.splash{text-align:center;font-size:1.2em;}
+.splash img{max-width:206px;margin:92px auto 32px;}
+.splash h1{margin:92px auto 16px;font-size:2.2em;font-weight:bold;}
+.splash .button.big{margin-top:16px;}
+.splash .copyright{position:absolute;width:100%;bottom:4px;left:0px;font-size:0.75em;font-style:normal;}

src/stylesheets/less/Lungo.layout.less

@@ -201,13 +201,8 @@ article {
 	
 	article.aside { left: 256px !important; }
 	
-	article.indented > *:only-child{
-    	padding: 10px;
-    	width: auto;
-	}
-	
 	article .title {
-		font-size: 15px;
+		font-size: 1.2em;
 		margin: 0 4px 4px;
 	}
 		

src/stylesheets/less/Lungo.layout.list.less

@@ -40,8 +40,10 @@
 		text-overflow: ellipsis;
 		font-size: 0.85em;
 		font-weight: normal;
+		line-height: 0.85em;
 	}
 	
+	
 	.list .icon {
 	    display: inline-block;
 	}

src/stylesheets/less/Lungo.theme.default.less

@@ -144,29 +144,34 @@ aside {
 
 /* @group widgets */
 
-.splash article { 
-	background: #2c2c2d -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #2c2c2d), color-stop(1, #1c1d1d)) !important;
+.splash { 
+	background: #019d5e -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #019d5e), color-stop(1, #006b41));
 	color: #fff; 
-	text-shadow: rgba(0,0,0,0.5) 0 1px 1px;
+	text-shadow: 0px 1px 1px #000;
+	
 }
 
 /* @group <inputs> */
 input, textarea, select {
-	border: 1px solid #ccc;	
-	.border-radius(2px);
-	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(0.15, #fff));
+	border: 1px solid #c5c5c5;
+	
+	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(0.25, #fff));
+
+}
+
+.rounded input, textarea, select {
+    .border-radius(2px);
 }
 	
 input:focus, textarea:focus, select:focus { 
 	border: 1px solid #058cf5;
-	.box-shadow(0 0 4px 1px #058cf5);
+	.box-shadow(0px 0px 4px 0px #058cf5);
 	background: #e8fefe;
 }
 	
 .select:after {
 	background: #ccc;
 	color: white;
-	.border-radius(0 2px 2px 0);
 }
 /* @end */
 

src/stylesheets/less/Lungo.widgets.button.less

@@ -43,8 +43,8 @@ a.button:active{ background-color: rgba(0,0,0,0.5); }
   
 a.button:disabled, a.button.disabled {
 	background: rgba(255,255,255,0.2);
-	border: 1px solid rgba(0,0,0,0.3);
-	color: rgba(0,0,0,0.5); 
+	border: 1px solid #999;
+	color: #999 !important; 
 	.box-shadow(inset 0 -5px 5px rgba(40,40,40,0.1));	
 	text-shadow: none;
 }

src/stylesheets/less/Lungo.widgets.less

@@ -28,29 +28,50 @@ section.copyright img{
 	max-height: 128px;
 }
 
-/* @group .classes */
-.scroll {
-  	overflow: scroll;
-  	-webkit-overflow-scrolling: touch;
+/* @group .position */
+.onleft { float: left; }
+
+.onright { float: right;}
+	
+.indented {
+	padding: 10px;
+    width: auto;
 }
-.hidden { 
-	display: none; }
-.onleft { 
-	float: left; }
-.onright { 
-	float: right;}
-.framed{
-	border: 2px solid #fff;}
-.round{
-	.border-radius(4px);}
-.semi-opacity{
-	opacity: 0.5;
+
+.margin-top-4{ margin-top: 4px; }
+/* @end */
+
+/* @group .visibility */
+.hidden { display: none; }
+.semi-opacity{ opacity: 0.5; }
+/* @end */
+
+/* @group .sizing */
+.size32 {
+	font-size: 32px;
+    height: 32px;
+    width: 32px;
+    line-height: 32px;
 }
-.margin-top-4{
-	margin-top: 4px;
+
+.mini {
+	font-size: 20px !important;
+    height: 16px !important;
+    width: 16px !important;
+    line-height: 16px !important;
 }
 /* @end */
 
+
+
+.framed { border: 2px solid #fff;}
+
+.round { .border-radius(4px); }
+
+
+
+/* @end */
+
 .bubble {
 	padding: 2px 4px 3px;
 	.border-radius(2px);		
@@ -58,3 +79,9 @@ section.copyright img{
 	font-weight: bold;		
 	line-height: 1.0em;
 }
+
+
+.scroll {
+  	overflow: scroll;
+  	-webkit-overflow-scrolling: touch;
+}

src/stylesheets/less/Lungo.widgets.splash.less

@@ -7,26 +7,32 @@
  * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  */
  
-.splash article { 
-	height: 100%;
+.splash{ 
 	text-align: center;
+	font-size: 1.2em;
 }
 
 .splash img {
 	max-width: 206px;
-	margin: 128px auto 32px;
+	margin: 92px auto 32px;
 }
 	
 .splash h1 {
-	margin: 128px auto 16px;
+	margin: 92px auto 16px;
 	
-	font-size: 2.5em; 
+	font-size: 2.2em; 
 	font-weight: bold;
 }
+
+.splash .button.big {
+    margin-top: 16px;
+}
 	
 .splash .copyright { 
 	position: absolute; 
 	width: 100%; 
 	bottom: 4px;
+	left: 0px;
+	font-size: 0.75em;
 	font-style: normal; 
 }