Example

Paper

Creates a background and shadow for an element. The first parameter needs to be a number between 1 and 5. The second parameter default to "0", but should be a string with a number, this string/number will be multiplied with the base size. In the example the padding will be 16px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus vel est nec maximus. Praesent mollis non dolor aliquet cursus. Integer eu pellentesque dui. In eu magna ipsum. Vivamus commodo id nisl vitae condimentum.

HTML: 
          
                <span class="mixin-example-paper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus vel est nec maximus. Praesent mollis non dolor aliquet cursus. Integer eu pellentesque dui. In eu magna ipsum. Vivamus commodo id nisl vitae condimentum.</span>

SCSS: 

        .mixin-example-paper {
            @include paper(2, "2");
        }

Classes

Mixin	Parameters	Values
paper	Level, Padding	(number 1-5), (number as a string)