Skip to content

Instantly share code, notes, and snippets.

@Hotell
Created March 21, 2012 11:39
Show Gist options
  • Save Hotell/2146350 to your computer and use it in GitHub Desktop.
Save Hotell/2146350 to your computer and use it in GitHub Desktop.
SASS:@mixin:doubleborder
@mixin doubleborder($side, $innerColor, $outerColor) {
$shadow: "0 0 0";
border-#{$side}: 1px solid $innerColor;
@if ($side == "top") { $shadow: 0 -1px 0; }
@if ($side == "right") { $shadow: 1px 0 0; }
@if ($side == "bottom") { $shadow: 0 1px 0; }
@if ($side == "left") { $shadow: -1px 0 0; }
-webkit-box-shadow: $shadow $outerColor;
-moz-box-shadow: $shadow $outerColor;
-o-box-shadow: $shadow $outerColor;
box-shadow: $shadow $outerColor;
}
#blog {
@include doubleborder(top, #fff, #cdd4b4);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment