diff options
| author | EngineerGio <[email protected]> | 2012-06-21 01:50:28 +0300 |
|---|---|---|
| committer | EngineerGio <[email protected]> | 2012-06-21 01:50:28 +0300 |
| commit | 5bd9217f9bbf1b3840025402e0424306ea0c9f99 (patch) | |
| tree | e000886aa024f2dda72614a571bfec1e167f3649 | |
| parent | 857b8fb8be81178d14f59c126c1381b09aff7c0f (diff) | |
| download | bootstrap-5bd9217f9bbf1b3840025402e0424306ea0c9f99.tar.xz bootstrap-5bd9217f9bbf1b3840025402e0424306ea0c9f99.zip | |
Added border-radius mixins to set single corner radius and single side border radius
| -rw-r--r-- | less/mixins.less | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less index c3b57ed14..84f1c7698 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; |