Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
box shadow as border. uses inset, so you border can be used dditionally
/* 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
You can’t perform that action at this time.