Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

use less by default

  • Loading branch information...
commit 16420f487ee4a5664cff53794905baaf381f3e6a 1 parent 39e12fd
@guybedford guybedford authored
View
2  www/app/Dialog/button.coffee
@@ -1,4 +1,4 @@
-define ['zest', 'css!./button'], ($z) ->
+define ['zest', 'less!./button'], ($z) ->
className: 'MyButton'
options:
text: 'Button'
View
34 www/app/Dialog/button.css → www/app/Dialog/button.less
@@ -25,25 +25,21 @@
background-image: -moz-linear-gradient(top, #EDAE3D, #f0b95b);
background-image: -o-linear-gradient(top, #EDAE3D, #f0b95b);
background-image: linear-gradient(to bottom, #EDAE3D, #f0b95b);
-}
-.MyButton:hover {
- /* -webkit-box-shadow: 2px 2px 5px 0px #969696;
- box-shadow: 2px 2px 5px 0px #969696; */
-
- background-color: #f0b95b;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0b95b), to(#edb03d));
- background-image: -webkit-linear-gradient(top, #f0b95b, #edb03d);
- background-image: -moz-linear-gradient(top, #f0b95b, #edb03d);
- background-image: -o-linear-gradient(top, #f0b95b, #edb03d);
- background-image: linear-gradient(to bottom, #f0b95b, #edb03d);
-}
+ &:hover {
+ background-color: #f0b95b;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f0b95b), to(#edb03d));
+ background-image: -webkit-linear-gradient(top, #f0b95b, #edb03d);
+ background-image: -moz-linear-gradient(top, #f0b95b, #edb03d);
+ background-image: -o-linear-gradient(top, #f0b95b, #edb03d);
+ background-image: linear-gradient(to bottom, #f0b95b, #edb03d);
+ }
-.MyButton:active {
- top: 1px;
- left: 1px;
-
- -webkit-box-shadow: 0px 0px 2px 0px #969696;
- box-shadow: 0px 0px 2px 0px #969696;
-
+ &:active {
+ top: 1px;
+ left: 1px;
+
+ -webkit-box-shadow: 0px 0px 2px 0px #969696;
+ box-shadow: 0px 0px 2px 0px #969696;
+ }
}
View
2  www/app/Dialog/dialog.coffee
@@ -1,4 +1,4 @@
-define ['zest', 'cs!./button', 'css!./dialog'], ($z, Button) ->
+define ['zest', 'cs!./button', 'less!./dialog'], ($z, Button) ->
className: 'SimpleDialog'
options:
width: 400
View
19 www/app/Dialog/dialog.css → www/app/Dialog/dialog.less
@@ -11,13 +11,14 @@
position: relative;
padding-bottom: 50px;
-}
-.SimpleDialog p {
- margin: 20px;
-}
-.SimpleDialog .button {
- position: absolute;
- bottom: 10px;
- right: 10px;
-}
+ p {
+ margin: 20px;
+ }
+
+ .button {
+ position: absolute;
+ bottom: 10px;
+ right: 10px;
+ }
+}
Please sign in to comment.
Something went wrong with that request. Please try again.