Glyn Roberts glynrob
glynrob
/ gist:5995130
Created
July 14, 2013 18:05
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="styles.less" rel="stylesheet/less" type="text/css" /> | |
| <script type="text/javascript" src="http://lesscss.googlecode.com/files/less-1.3.0.min.js"></script> |
glynrob
/ gist:5995131
Created
July 14, 2013 18:07
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <a class="btn red" href="#">Button 1</a> | |
| <a class="btn green" href="#">Button 2</a> | |
| <a class="btn blue" href="#">Button 3</a> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .border-radius (@radius: 5px) { | |
| -webkit-border-radius: @radius; | |
| -moz-border-radius: @radius; | |
| border-radius: @radius; | |
| } | |
| .btn{ | |
| .border-radius(10px); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a{ | |
| color:#000000; | |
| } | |
| a:hover{ | |
| color:#CCCCCC; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a{ | |
| color:#000000; | |
| &:hover{ | |
| color:#CCCCCC; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $red: #BF3130; | |
| .red{ | |
| background-color:$red; | |
| } |
glynrob
/ gist:5996285
Created
July 14, 2013 21:59
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .red { | |
| background-color: #bf3130; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin border-radius ($radius: 5px) { | |
| -webkit-border-radius: $radius; | |
| -moz-border-radius: $radius; | |
| border-radius: $radius; | |
| } | |
| .btn{ | |
| @include border-radius(10px); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a{ | |
| color:#000000; | |
| &:hover{ | |
| color:#CCCCCC; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body | |
| background-color desaturate(blue, 80%) // function desaturate | |
| font-family Arial, Helvetica, sans-serif |