Skip to content

Commit

Permalink
Removed -moz and -webkit prefixes for box-shadow mixin
Browse files Browse the repository at this point in the history
Added -ms for box-shadow
Removed prefixes in border-radius mixin, as all modern browsers now support it unprefixed.
  • Loading branch information
jamesfinley committed May 25, 2012
1 parent 4669d18 commit f040064
Showing 1 changed file with 9 additions and 20 deletions.
29 changes: 9 additions & 20 deletions _mixins.scss
Expand Up @@ -36,17 +36,18 @@
}
}

/* Did compatability check on May 25th, 2012, removed -moz and -webkit */
@mixin box-shadow($x: 0, $y: 0, $blur: 0, $color: transparent, $inset: false) {
@if type-of($x) != list {
@if $inset {
@include experimental-property(-webkit -moz, box-shadow, inset $x $y $blur $color);
@include experimental-property(-ms, box-shadow, inset $x $y $blur $color);
}
@else {
@include experimental-property(-webkit -moz, box-shadow, $x $y $blur $color);
@include experimental-property(-ms, box-shadow, $x $y $blur $color);
}
}
@else {
@include experimental-property(-webkit -box, box-shadow, $x);
@include experimental-property(-ms, box-shadow, $x);
}
}

Expand All @@ -57,34 +58,22 @@

@mixin border-radius($radius: false, $topleft: false, $topright: false, $bottomright: false, $bottomleft: false) {
@if type_of($radius) == number {
@include experimental-property(-webkit -moz, border-radius, $radius);
border-radius: $radius;
}
@if type_of($topleft) == number {
-webkit-border-top-left-radius: $topleft;
-moz-border-radius-topleft: $topleft;
border-top-left-radius: $topleft;
border-top-left-radius: $topleft;
}
@if type_of($topright) == number {
-webkit-border-top-right-radius: $topright;
-moz-border-radius-topright: $topright;
border-top-right-radius: $topright;
border-top-right-radius: $topright;
}
@if type_of($bottomright) == number {
-webkit-border-bottom-right-radius: $bottomright;
-moz-border-radius-bottomright: $bottomright;
border-bottom-right-radius: $bottomright;
border-bottom-right-radius: $bottomright;
}
@if type_of($bottomleft) == number {
-webkit-border-bottom-left-radius: $bottomleft;
-moz-border-radius-bottomleft: $bottomleft;
border-bottom-left-radius: $bottomleft;
border-bottom-left-radius: $bottomleft;
}
}

@mixin box-sizing($value) {
@include experimental-property(-webkit -moz, box-sizing, $value);
}

@mixin transition($property: false, $time: 1s, $ease: linear) {
@if $property == none {
@include experimental-property(-webkit -moz -o, transition, none);
Expand Down

0 comments on commit f040064

Please sign in to comment.