From 5bd9217f9bbf1b3840025402e0424306ea0c9f99 Mon Sep 17 00:00:00 2001 From: EngineerGio Date: Thu, 21 Jun 2012 01:50:28 +0300 Subject: [PATCH] Added border-radius mixins to set single corner radius and single side border radius --- less/mixins.less | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/less/mixins.less b/less/mixins.less index c3b57ed142..84f1c7698f 100644 --- 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;