Skip to content

Instantly share code, notes, and snippets.

@voodoocode

voodoocode/_helpers.scss

Created August 22, 2013 09:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save voodoocode/6304963 to your computer and use it in GitHub Desktop.
Save voodoocode/6304963 to your computer and use it in GitHub Desktop.
Download ZIP
box shadow as border. uses inset, so you border can be used dditionally
Raw
_helpers.scss
/* a box shadow that looks like a border. control border strength with $spread. */
@mixin box-shadow-as-border($spread, $r, $g, $b, $a) {
-webkit-box-shadow: inset 0 0 1px $spread rgba($r, $g, $b, $a);
-moz-box-shadow: inset 0 0 1px $spread rgba($r, $g, $b, $a);
box-shadow: 0 0 1px $spread rgba($r, $g, $b, $a) inset;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment