Added border-radius mixins to set single corner radius and single side border radius

5bd9217f · EngineerGio · 857b8fb8 · 5bd9217f
Commit 5bd9217f authored 12 years ago by EngineerGio
Hide whitespace changes
Inline Side-by-side

Showing

with 40 additions and 0 deletions
+40 -0
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -202,6 +202,46 @@
          border-radius: @radius;
 }

+// Single Corner Border Radius
+.border-top-left-radius(@radius) {
+  -webkit-border-top-left-radius: @radius;
+      -moz-border-radius-topleft: @radius;
+          border-top-left-radius: @radius;
+}
+.border-top-right-radius(@radius) {
+  -webkit-border-top-right-radius: @radius;
+      -moz-border-radius-topright: @radius;
+          border-top-right-radius: @radius;
+}
+.border-bottom-left-radius(@radius) {
+  -webkit-border-bottom-left-radius: @radius;
+      -moz-border-radius-bottomleft: @radius;
+          border-bottom-left-radius: @radius;
+}
+.border-bottom-right-radius(@radius) {
+  -webkit-border-bottom-right-radius: @radius;
+      -moz-border-radius-bottomright: @radius;
+          border-bottom-right-radius: @radius;
+}
+
+// Single Side Border Radius
+.border-bottom-radius(@radius) {
+  .border-bottom-right-radius(@radius);
+  .border-bottom-left-radius(@radius);
+}
+.border-top-radius(@radius) {
+  .border-top-right-radius(@radius);
+  .border-top-left-radius(@radius);
+}
+.border-left-radius(@radius) {
+  .border-top-left-radius(@radius);
+  .border-bottom-left-radius(@radius);	
+}
+.border-right-radius(@radius) {
+  .border-top-right-radius(@radius);
+  .border-bottom-right-radius(@radius);	
+}
+
 // Drop shadows
 .box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;