Coffeekraken.io 0.0.1

s-position

Set a complexe position styling like position:absolute; top:0; left:100%; etc... This mixin gives you some shortcuts to align your element top, bottom, middle, center, etc...

Name Type Description Status Default
$position { String } The position css property optional absolute
$vertical-align { String } The vertical alignement wanted (top,middle,bottom) optional top
$align { String } The horizontal alignement wanted (left,center,right) optional left
$top { Number } The top property wanted optional null
$right { Number } The right property wanted optional null
$bottom { Number } The bottom property wanted optional null
$left { Number } The left property wanted optional null

Return { Map } The map representation of the position wanted

Example

    .my-cool-element {
    // absolute top right
    @include s-position(absolute, top, right);
    // custom right and bottom values
    @include s-position(absolute,
        $bottom : 20px,
        $right : 20px
    );
    // etc...
}

Author : Olivier Bossel olivier.bossel@gmail.com