Skip to content

Instantly share code, notes, and snippets.

@mfo
Created March 6, 2011 13:13
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mfo/857274 to your computer and use it in GitHub Desktop.
Save mfo/857274 to your computer and use it in GitHub Desktop.
[polyfills] sass & css3pie for border radius, box shaddow
/*
info:
http://sass-lang.com/
group of css3pie mixins: http://css3pie.com/demos/tabs/
define browser compliant shortcut for:
- border-radius
- box-shaddow
*/
/*
desc: css3pie_box_shaddow apply a box-shaddow with css3pie 'framework'
usage: @include css3pie_box_shaddow(10px, 10px, 1px, #efefef);
params:
$h_len [string] the horizontal len of shaddow
$v_len [string] the vertical len of shaddow
$b_rad [string] the blur border radius
$color [string] the color of the shaddow
*/
@mixin css3pie_box_shaddow($h_len, $v_len, $b_rad, $color) {
-webkit-box-shadow: $h_len $v_len $b_rad $color;
-moz-box-shadow: $h_len $v_len $b_rad $color;
box-shadow: $h_len $v_len $b_rad $color;polyfills
behavior: url(../../stylesheets/external/css3pie/PIE.htc);
}
/*
desc: apply a border radius with css3pie 'framework'
usage: @include css3pie_border_radius(10px);
params:
$size [string] radius of 4 borders
*/
@mixin css3pie_border_radius($size) {
-webkit-border-radius: $size;
-moz-border-radius: $size;
border-radius: $size;
behavior: url(../../stylesheets/external/css3pie/PIE.htc);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment