Skip to content

Instantly share code, notes, and snippets.

@hexorx
Created September 18, 2010 00:43
Show Gist options
  • Save hexorx/585198 to your computer and use it in GitHub Desktop.
Save hexorx/585198 to your computer and use it in GitHub Desktop.
@include multi-shadow(0px 1px 2px 0px rgba(0, 0, 0, 0.296875) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.597656))
@mixin multi-shadow($shadow-1, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false)
$full: $shadow-1
@if $shadow-2
$full: $full + "," + $shadow-2
@if $shadow-3
$full: $full + "," + $shadow-3
@if $shadow-4
$full: $full + "," + $shadow-4
@if $shadow-5
$full: $full + "," + $shadow-5
@if $shadow-6
$full: $full + "," + $shadow-6
@if $shadow-7
$full: $full + "," + $shadow-7
@if $shadow-8
$full: $full + "," + $shadow-8
@if $shadow-9
$full: $full + "," + $shadow-9
-moz-box-shadow: $full
-webkit-box-shadow: $full
-o-box-shadow: $full
box-shadow: $full
@gbbowers
Copy link

Awesome. Just what I needed. I also just added a gist with this in SCSS form, to save someone the extra typing: http://gist.github.com/601806

@gbbowers
Copy link

(I guess forking it would be better, so I did that as well)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment