Bower register

Author: neysimoes

README.md

@@ -10,6 +10,10 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
 * [Opacity](#opacity)
 * [Clearfix](#clearfix)
 * [Border radius](#border-radius)
+    * [Border top radius](#border-top-radius)
+    * [Border bottom radius](#border-bottom-radius)
+    * [Border left radius](#border-left-radius)
+    * [Border right radius](#border-right-radius)
 * [Box-sizing](#box-sizing)
 * [Transition](#transition)
 * [Columns](#columns)
@@ -23,7 +27,7 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
     * [Rotate](#rotate)
     * [Transform-origin](#transform-origin)
 * [Gradients](#gradients)
-    * [Linear Horizonta (simple)](#linear-horizontal-simple)
+    * [Linear Horizontal (simple)](#linear-horizontal-simple)
     * [Linear Horizontal (multiple)](#linear-horizontal-multiple)
     * [Linear Vertical (simple)](#linear-vertical-simple)
     * [Linear Vertical (multiple)](#linear-vertical-multiple)
@@ -73,6 +77,29 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
 .class { @include border-radius(10px); }
 ```
 
+### Border-top-Radius
+
+```scss
+.class { @include border-top-radius(10px); }
+```
+
+### Border-bottom-Radius
+
+```scss
+.class { @include border-bottom-radius(10px); }
+```
+
+### Border-left-Radius
+
+```scss
+.class { @include border-left-radius(10px); }
+```
+
+### Border-right-Radius
+
+```scss
+.class { @include border-right-radius(10px); }
+```
 ## Box-sizing
 
 ```scss
@@ -186,4 +213,4 @@ The first color is the background color and the other are steps of gradient.
 
 ```scss
 .class { @include font-face("helvetica","../font/helvetica"); }
-```
+```

_mixins.scss

@@ -18,25 +18,25 @@
 /*  Opacity
     ========================================================================== */
     @mixin opacity($value) {
-    	$ie: $value * 100;
-    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ie)";
-    		filter: alpha(opacity=$ie);
-    	-khtml-opacity: $value;
-    	  -moz-opacity: $value;
-    		   opacity: $value;
+      $ie: $value * 100;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ie)";
+        filter: alpha(opacity=$ie);
+      -khtml-opacity: $value;
+        -moz-opacity: $value;
+           opacity: $value;
     }
 
 /*  Clearfix
     ========================================================================== */
     @mixin cf {
-    	*zoom: 1;
-    	&:before, &:after {
-    		content: "";
-    		display: table;
-    	}
-    	&:after {
-    		clear: both;
-    	}
+      *zoom: 1;
+      &:before, &:after {
+        content: "";
+        display: table;
+      }
+      &:after {
+        clear: both;
+      }
     }
 
 /*  Absolute center
@@ -62,9 +62,49 @@
 /*  Border radius
     ========================================================================== */
     @mixin border-radius($foo) {
-    	-webkit-border-radius: $foo;
-    	   -moz-border-radius: $foo;
-    	        border-radius: $foo;
+      -webkit-border-radius: $foo;
+         -moz-border-radius: $foo;
+              border-radius: $foo;
+    }
+
+    @mixin border-top-radius($foo) {
+      -webkit-border-top-left-radius: $foo;
+         -moz-border-top-left-radius: $foo;
+              border-top-left-radius: $foo;
+
+      -webkit-border-top-right-radius: $foo;
+         -moz-border-top-right-radius: $foo;
+              border-top-right-radius: $foo;
+    }
+
+    @mixin border-bottom-radius($foo) {
+      -webkit-border-bottom-left-radius: $foo;
+         -moz-border-bottom-left-radius: $foo;
+              border-bottom-left-radius: $foo;
+
+      -webkit-border-bottom-right-radius: $foo;
+         -moz-border-bottom-right-radius: $foo;
+              border-bottom-right-radius: $foo;
+    }
+
+    @mixin border-left-radius($foo) {
+      -webkit-border-top-left-radius: $foo;
+         -moz-border-top-left-radius: $foo;
+              border-top-left-radius: $foo;
+
+      -webkit-border-bottom-left-radius: $foo;
+         -moz-border-bottom-left-radius: $foo;
+              border-bottom-left-radius: $foo;
+    }
+
+    @mixin border-right-radius($foo) {
+      -webkit-border-top-right-radius: $foo;
+         -moz-border-top-right-radius: $foo;
+              border-top-right-radius: $foo;
+
+      -webkit-border-bottom-right-radius: $foo;
+         -moz-border-bottom-right-radius: $foo;
+              border-bottom-right-radius: $foo;
     }
 
 /*  Box-sizing
@@ -263,4 +303,4 @@
             background:      -o-linear-gradient(left, $colors) $bgColor;
             background:     -ms-linear-gradient(left, $colors) $bgColor;
             background:         linear-gradient(to right, $colors) $bgColor;
-        }
+        }