From 60e6e09c548f5539ccaef16cb7eafe750caf82d2 Mon Sep 17 00:00:00 2001
From: Yuriy Dybskiy <yuriy@dybskiy.com>
Date: Thu, 11 Oct 2012 15:29:25 -0700
Subject: [PATCH] Remove border-radius mixin

By not using the vendor prefixes (-moz-, -webkit-) we lose only
Firefox 3.6 (and Safari 4).  We consider rounded corners expendable
in old browsers; e.g. we don't simulate them in IE 8.
---
 packages/accounts-ui/login_buttons.less | 39 ++-----------------------
 1 file changed, 2 insertions(+), 37 deletions(-)

diff --git a/packages/accounts-ui/login_buttons.less b/packages/accounts-ui/login_buttons.less
index 6e4607a245..48512bdf1a 100644
--- a/packages/accounts-ui/login_buttons.less
+++ b/packages/accounts-ui/login_buttons.less
@@ -27,41 +27,6 @@
   box-sizing: border-box;
 }
 
-////////// Border-Radius
-
-// These vendor prefixes should be sufficient.  For example, an Opera
-// prefix is not necessary.
-
-.border-radius(@radius) {
-  -webkit-border-radius: @radius;
-  -moz-border-radius: @radius;
-  border-radius: @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-right-radius(@radius) {
-  -webkit-border-bottom-right-radius: @radius;
-  -moz-border-radius-bottomright: @radius;
-  border-bottom-right-radius: @radius;
-}
-
-.border-bottom-left-radius(@radius) {
-  -webkit-border-bottom-left-radius: @radius;
-  -moz-border-radius-bottomleft: @radius;
-  border-bottom-left-radius: @radius;
-}
-
 ////////// Box-Shadow
 
 .box-shadow (...) {
@@ -154,7 +119,7 @@
     @bottomColor: darken(@topColor, 25%);
 
     .vertical-gradient(@topColor, @bottomColor);
-    .border-radius(4px);
+    border-radius: 4px;
     border: 1px solid mix(@bottomColor, rgba(0,0,0,0.3), 30%);
     .box-shadow(0 1px 3px rgba(0,0,0,0.5));
 
@@ -258,7 +223,7 @@
   background: white;
 
   .box-shadow(0 3px 6px 1px rgba(0, 0, 0, 0.3));
-  .border-radius(4px);
+  border-radius: 4px;
 
   padding: 8px 16px;
   margin: -10px 0 0 -16px;