Using less syntaxis

gijs · Jan 16, 2012 · c4b68e3 · c4b68e3
1 parent 3095eca
commit c4b68e3
Show file tree

Hide file tree

Showing 8 changed files with 194 additions and 211 deletions.
diff --git a/src/stylesheets/css/Lungo.layout.css b/src/stylesheets/css/Lungo.layout.css
@@ -1,6 +1,6 @@
-section{position:absolute;position:fixed;width:100%;height:inherit;z-index:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
-section:first-child,section.show{z-index:1;-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
-section.hide{z-index:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
+section{position:absolute;position:fixed;width:100%;height:inherit;z-index:0;-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
+section:first-child,section.show{z-index:1;-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}
+section.hide{z-index:0;-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);}
 header,footer{position:absolute;left:0px;width:100%;height:38px;display:block;z-index:2;line-height:38px;}
 header{top:0px;}
 footer{bottom:0px;}

diff --git a/src/stylesheets/css/Lungo.theme.default.css b/src/stylesheets/css/Lungo.theme.default.css
@@ -8,16 +8,9 @@
  * @author Javier Jimenez Villar <[email protected]> || @soyjavi
  */
 /*
-//ARTIC
-@master-color: #2daf96;
-	@master-color-light: #35d2b3;
-	@master-color-dark: #22937d;
-*/
-/*
-//GREEN
-@master-color: #2ea03c;
-	@master-color-light: #34b745;
-	@master-color-dark: #248831;
+@theme: #2daf96;
+	@theme-light: #35d2b3;
+	@theme-dark: #22937d;
 */
 .app {
   background: #000000;
@@ -31,7 +24,7 @@ header {
   box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
 }
 footer {
-  background: #2c2c2d -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #2c2c2d), color-stop(1, #1c1d1d));
+  background: #2c2c2d -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #2c2c2d), color-stop(1, #1c1c1c));
   border-top: 1px inset #1c1c1c;
 }
 .title {
@@ -56,7 +49,7 @@ nav a.current, nav a:active {
 .toolbar a {
   color: rgba(255, 255, 255, 0.2);
 }
-.toolbar a.current, .toolbar nav a:active {
+.toolbar a.current, .toolbar a:active {
   background: #1c1c1c;
   box-shadow: inset 0px 0px 8px #101010;
   text-shadow: 0px 1px 4px #000;
@@ -85,7 +78,7 @@ aside .anchor {
   background: #101010;
   color: #7a7a7a;
 }
-aside ~ article {
+aside  ~ article {
   box-shadow: -1px 0px 4px #000000;
 }
 /* @end */
@@ -105,51 +98,47 @@ aside ~ article {
   color: #1b6777;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
 }
-.indented ul {
+.list li.selectable:active small, .list li.selectable:active .onright:not(.bubble) {
+  color: #ffffff;
+}
+.list li small, .list li .onright:not(.bubble) {
+  color: #888;
+}
+.list .indented ul {
   border: 1px solid #e1e1e1;
 }
-.list .darker {
+.list .anchor {
+  background: #93d6e7;
+  color: #1b6777;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+  border: none;
+}
+.list .tip {
+  color: #7a7a7a;
+}
+.list .tip.darker {
   background-color: #2c2c2d;
   color: #fff;
   text-shadow: 0px 1px 0px #000;
 }
-.list li.darker a {
+.list .tip.darker a {
   color: #fff !important;
 }
-.list .dark {
+.list .tip.dark {
   background-color: #f4f4f4;
   box-shadow: inset 0px 1px 0px #fff;
   text-shadow: 0px 1px 0px #fff;
 }
-.list small, .list .onright:not(.bubble) {
-  color: #888;
-}
-.list li.selectable:active small, .list li.selectable:active .onright:not(.bubble) {
-  color: #34bcd7;
-  color: #ffffff;
-}
-.list .tip {
-  color: #7a7a7a;
-}
-.list li.anchor {
-  background: #93d6e7;
-  color: #1b6777;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-  border: none;
-}
 .list .toolbar {
   border-bottom-color: rgba(0, 0, 0, 0.2);
 }
-.list .arrow:before {
-  color: #a9a9a9;
-}
-.list .toolbar a {
+.list .toolbar .toolbar a {
   box-shadow: 1px 0px 0px #d9d9d9;
 }
-.list .toolbar a:last-child {
+.list .toolbar .toolbar a:last-child {
   box-shadow: none;
 }
-.list .toolbar a.current {
+.list .toolbar .toolbar a.current {
   background: transparent;
   color: #333;
   text-shadow: none !important;

diff --git a/src/stylesheets/css/Lungo.widgets.button.css b/src/stylesheets/css/Lungo.widgets.button.css
diff --git a/src/stylesheets/css/Lungo.widgets.form.css b/src/stylesheets/css/Lungo.widgets.form.css
diff --git a/src/stylesheets/less/Lungo.layout.less b/src/stylesheets/less/Lungo.layout.less
@@ -19,22 +19,22 @@ section{
 	height: inherit;
 	z-index: 0;
 
-	.transform(translate3d(100%, 0, 0));
-	//.transform(translate3d(320px, 0, 0));
+	//.transform(translate3d(100%, 0, 0));
+	.transform(translate3d(320px, 0, 0));
 	-webkit-backface-visibility: hidden;
 	-webkit-transition: -webkit-transform 250ms @defaultTrasition;
 }
 
 section:first-child, section.show {	
 	z-index: 1;
-	.transform(translate3d(0%, 0, 0));
-	//.transform(translate3d(0px, 0, 0));
+	//.transform(translate3d(0%, 0, 0));
+	.transform(translate3d(0px, 0, 0));
 }
 
 section.hide {
 	z-index: 0;
-	.transform(translate3d(-100%, 0, 0));
-	//.transform(translate3d(-320px, 0, 0));
+	//.transform(translate3d(-100%, 0, 0));
+	.transform(translate3d(-320px, 0, 0));
 }
 /* @end */