Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Mixins and readme created

  • Loading branch information...
commit 6e7798927041405875297f690962dfd57db86fc0 0 parents
@tophermade authored
Showing with 80 additions and 0 deletions.
  1. +6 −0 .gitignore
  2. +69 −0 mixins.less
  3. +5 −0 readme.markdown
6 .gitignore
@@ -0,0 +1,6 @@
+.project
+.temp
+.tmp
+.psd
+.tmp*
+*.tmp
69 mixins.less
@@ -0,0 +1,69 @@
+.clip{
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ -o-background-clip: padding;
+ background-clip: padding-box;
+}
+
+.round (@radius: 5px) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ -o-border-radius: @radius;
+ border-radius: @radius;
+}
+
+.shadow (@depth: 0 2px 4px rgba(0,0,0,.3)){
+ -webkit-box-shadow: @depth;
+ -moz-box-shadow: @depth;
+ -o-box-shadow: @depth;
+ box-shadow: @depth;
+}
+
+.inset-shadow (@inner-depth: inset 0 0 6px rgba(0,0,0,.2)){
+ /* this mixin is probably unnecessary given @depth scope on .shadow */
+ -webkit-box-shadow: @inner-depth;
+ -moz-box-shadow: @inner-depth;
+ -o-box-shadow: @inner-depth;
+ box-shadow: @inner-depth;
+}
+
+.rotate (@deg: rotate(9deg)){
+ -webkit-transform: @deg;
+ -moz-transform: @deg;
+ -ms-transform: @deg;
+ -o-transform: @deg;
+ transform: @deg;
+}
+
+.bgsize (@size: 100% 100%){
+ -webkit-background-size: @size;
+ -moz-background-size: @size;
+ -o-background-size: @size;
+ background-size: @size;
+}
+
+.gradient(@start: #eee, @end: #777) {
+ background: @start;
+ background-image: -moz-linear-gradient(top, @start, @end);
+ background-image: -ms-linear-gradient(top, @start, @end);
+ background-image: -o-linear-gradient(top, @start, @end);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(@start), to(@end));
+ background-image: -webkit-linear-gradient(top, @start, @end);
+ background-image: linear-gradient(top, @start, @end);
+}
+
+.transition (@who: all, @length: .5s, @how: ease-out){
+ -webkit-transition: @who @length @how;
+ -moz-transition: @who @length @how;
+ -ms-transition: @who @length @how;
+ -o-transition: @who @length @how;
+ transition: @who @length @how;
+}
+
+.clear/* for use on :after */{
+ content: " ";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
5 readme.markdown
@@ -0,0 +1,5 @@
+#Readme
+
+## A small collection of mixins for LESS CSS (http://lesscss.org/) that I use daily.
+
+That is all.
Please sign in to comment.
Something went wrong with that request. Please try again.