# position mixins

The position mixins gives you five convenient shortcuts for `position` property.  
Simply call the value of position as property, and gives the values of `top`, `right`, `bottom` and `left` as value.  

**Note:** The values are parsed in the same way as in `margin` or `padding` method : 1 value affect all, 2 values are for `top`/`bottom` and `left`/`right`, 3 values are for `top`, `left`/`right` and `bottom`, and 4 values are for `top`, `right`, `bottom` and `left`.

**Note 2:** If you give the `false` value to a parameter, it will be ignored

**Note 3:** Since version `0.11.7`, position mixin supports `sticky` value, using caniuse data.

### Usage

```stylus
div
    static 10px

div
    relative 10px 20px

div
    absolute 10px 20px 30px

div
    fixed 10px 20px 30px 40px

div
    fixed 10px false 30px

div
    fixed 10px 20px false 40px

div
    position sticky

div
    sticky 10px 20px 0 40px
```

### Result

```css
div {
  position: static;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

div {
  position: relative;
  top: 10px;
  right: 20px;
  bottom: 10px;
  left: 20px;
}

div {
  position: absolute;
  top: 10px;
  right: 20px;
  bottom: 30px;
  left: 20px;
}

div {
  position: fixed;
  top: 10px;
  right: 20px;
  bottom: 30px;
  left: 40px;
}

div {
  position: fixed;
  top: 10px;
  bottom: 30px;
}

div {
  position: fixed;
  top: 10px;
  right: 20px;
  left: 40px;
}

div {
  position: -webkit-sticky;
  position: sticky;
}

div {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  right: 20px;
  bottom: 0;
  left: 40px;
}
```
