Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorEngineerGio <ing.giovanni.lodi@gmail.com>2012-06-21 02:50:28 +0400
committerEngineerGio <ing.giovanni.lodi@gmail.com>2012-06-21 02:50:28 +0400
commit5bd9217f9bbf1b3840025402e0424306ea0c9f99 (patch)
treee000886aa024f2dda72614a571bfec1e167f3649 /less
parent857b8fb8be81178d14f59c126c1381b09aff7c0f (diff)
Added border-radius mixins to set single corner radius and single side border radius
Diffstat (limited to 'less')
-rw-r--r--less/mixins.less40
1 files changed, 40 insertions, 0 deletions
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;