Merge pull request #839 from ai/border_radius_prefixes

Border radius prefixes
This commit is contained in:
Eric Meyer 2012-04-11 09:31:52 -07:00
commit 56e0dc5b5f
2 changed files with 4 additions and 16 deletions

View File

@ -21,24 +21,18 @@ $default-border-radius: 5px !default;
// .simple { // .simple {
// -webkit-border-radius: 4px 4px; // -webkit-border-radius: 4px 4px;
// -moz-border-radius: 4px / 4px; // -moz-border-radius: 4px / 4px;
// -o-border-radius: 4px / 4px;
// -ms-border-radius: 4px / 4px;
// -khtml-border-radius: 4px / 4px; // -khtml-border-radius: 4px / 4px;
// border-radius: 4px / 4px; } // border-radius: 4px / 4px; }
// //
// .compound { // .compound {
// -webkit-border-radius: 2px 3px; // -webkit-border-radius: 2px 3px;
// -moz-border-radius: 2px 5px / 3px 6px; // -moz-border-radius: 2px 5px / 3px 6px;
// -o-border-radius: 2px 5px / 3px 6px;
// -ms-border-radius: 2px 5px / 3px 6px;
// -khtml-border-radius: 2px 5px / 3px 6px; // -khtml-border-radius: 2px 5px / 3px 6px;
// border-radius: 2px 5px / 3px 6px; } // border-radius: 2px 5px / 3px 6px; }
// //
// .crazy { // .crazy {
// -webkit-border-radius: 1px 2px; // -webkit-border-radius: 1px 2px;
// -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; // -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
// -o-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
// -ms-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
// -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; // -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
// border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; } // border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
@ -58,8 +52,8 @@ $default-border-radius: 5px !default;
@include experimental("border-radius", $radius unquote("/") $vertical-radius, @include experimental("border-radius", $radius unquote("/") $vertical-radius,
-moz, -moz,
not -webkit, not -webkit,
-o, not -o,
-ms, not -ms,
-khtml, -khtml,
official official
); );
@ -87,8 +81,8 @@ $default-border-radius: 5px !default;
@include experimental("border-#{$vert}-#{$horz}-radius", $radius, @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
not -moz, not -moz,
-webkit, -webkit,
-o, not -o,
-ms, not -ms,
-khtml, -khtml,
official official
); );

View File

@ -1,20 +1,14 @@
.simple { .simple {
-webkit-border-radius: 4px 4px; -webkit-border-radius: 4px 4px;
-moz-border-radius: 4px / 4px; -moz-border-radius: 4px / 4px;
-ms-border-radius: 4px / 4px;
-o-border-radius: 4px / 4px;
border-radius: 4px / 4px; } border-radius: 4px / 4px; }
.compound { .compound {
-webkit-border-radius: 2px 3px; -webkit-border-radius: 2px 3px;
-moz-border-radius: 2px 5px / 3px 6px; -moz-border-radius: 2px 5px / 3px 6px;
-ms-border-radius: 2px 5px / 3px 6px;
-o-border-radius: 2px 5px / 3px 6px;
border-radius: 2px 5px / 3px 6px; } border-radius: 2px 5px / 3px 6px; }
.crazy { .crazy {
-webkit-border-radius: 1px 2px; -webkit-border-radius: 1px 2px;
-moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
-ms-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
-o-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; } border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }