An SCSS mixin for semi-transparent one-pixel lines placed above and below an element to give the illusion it’s embossed inside of its parent.

SCSS Emboss Mixin

// SCSS mixin for element embossing. 
// A semi-transparent one-pixel lines placed above and below an element to give the illusion it’s embossed in its parent.
//
// @include box-emboss(0.8, 0.05);

@mixin box-emboss($opacity, $opacity2){
    box-shadow:white($opacity) 0 1px 0, inset black($opacity2) 0 1px 0;
}