Skip to content

Instantly share code, notes, and snippets.

@tj
Forked from visnup/shadow.sass
Created February 25, 2011 06:16
Show Gist options
  • Save tj/843434 to your computer and use it in GitHub Desktop.
Save tj/843434 to your computer and use it in GitHub Desktop.
header nav {
-webkit-box-shadow: 1px 1px 3px #555;
-moz-box-shadow: 1px 1px 3px #555;
box-shadow: 1px 1px 3px #555;
}
=shadow($color: hsla(0, 0%, 0%, 0.4))
:-webkit-box-shadow 0px 0px 5px $color
:-moz-box-shadow 0px 0px 5px $color
:box-shadow 0px 0px 5px $color
html.ie8 &, html.ie7 &, html.ie6 &
:border solid 1px #ccc // fine, just border it with gray
// and then usable on any random element:
#portrait img
+shadow
header
nav
+shadow
box-shadow()
-webkit-box-shadow arguments
-moz-box-shadow arguments
box-shadow arguments
header
nav
box-shadow 1px 1px 3px #555
@visnup
Copy link

visnup commented Feb 25, 2011

feature request: the & selector http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_

or a similar way to do the dynamic parenting. couldn't find a way to do it in stylus yet.

@visnup
Copy link

visnup commented Feb 25, 2011

@tj
Copy link
Author

tj commented Feb 25, 2011

tis a bug! (goes and fixes)

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