sasslets-position

sass responsive variables, container and grid

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
sasslets-position
0.0.27 years ago7 years agoMinified + gzip package size for sasslets-position in KB

Readme

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;