Skip to content

Instantly share code, notes, and snippets.

@gorrillamcd
gorrillamcd / _mixins.scss
Created September 7, 2012 22:40 — forked from garyharan/_mixins.scss
Useful scss mixins (rounded corners, gradients, text-field, button)
@mixin box-shadow($x, $y, $blur, $spread, $color, $inset: false) {
@if $inset {
-webkit-box-shadow:inset $x $y $blur $spread $color;
-moz-box-shadow:inset $x $y $blur $spread $color;
box-shadow:inset $x $y $blur $spread $color;
} @else {
-webkit-box-shadow: $x $y $blur $spread $color;
-moz-box-shadow: $x $y $blur $spread $color;
box-shadow: $x $y $blur $spread $color;
}
@gorrillamcd
gorrillamcd / SCSS_rouded_corner_mixins.scss
Created August 27, 2012 23:14 — forked from victorbstan/SASS_rouded_corner_mixins.sass
SCSS cross browser rounded corner mixins
/* ===== Rounded Corners ===== */
$default_rounded_amount: 20px;
// Round corner at position by amount.
@mixin round-corner($position, $amount: $default_rounded_amount) {
border-#{$position}-radius: $amount;
-webkit-border-#{$position}-radius: $amount;
}
@mixin round-corner-mozilla($position, $amount: $default_rounded_amount) {
-moz-border-radius-#{$position}: $amount;