sasslets-position

Sasslets - responsive

Compliance with bootstrap grid classes

DEMO

Installation

bower install sasslets-responsive --save-dev

npm install sasslets-responsive --save-dev

Usage

signature

@include position(fixed|absolute|relative|etc, $top, $right, $bottom, $left )

shortcuts

@include absolute( $top, $right, $bottom, $left )
@include fixed( $top, $right, $bottom, $left )
@include relative( $top, $right, $bottom, $left )

example 1

@include position( fixed, 0, 0, null, 0 )

returns:

position: fixed;
top: 0;
right: 0;
left: 0;

example 2

@include position( absolute, 0, 0 )

returns:

position: absolute;
top: 0;
right: 0;

example 3

@include fixed( 1rem, 1rem )

returns:

position: fixed;
top: 1rem;
right: 1rem;

example words 1

@include fixed( top )

returns:

position: fixed;
top: 0;
right: 0;
left: 0;

example words 2

@include fixed( left )

returns:

position: fixed;
top: 0;
left: 0;
bottom: 0;

example words 3

@include fixed( top, left )

returns:

position: fixed;
top: 0;
left: 0;

example words 4

@include fixed( bottom )

returns:

position: fixed;
bottom: 0;
left: 0;
right: 0;