Dunks

Dunks is a simple extension for Stylus to replicate some Bootstrap functionalities without including large chunks of css.

Installation

npm install dunks --save

Usage

@import 'node_modules/dunks/dunks'
 
.list
  list-unstyled()
 
.overlay
  overlay($offset-top: false)

or with gulp-stylus:

gulp.src('path/to/stylus.styl')
  .pipe(stylus({
    use: [ 'nibs', 'dunks' ]
  }))

Contribution

Contribution Guide is simple:

Fork and clone the project, make your changes and send in your Pull Request. Check the issues first before developing new features.

Docs

Media

Row to wrap media elements

media-row()

Adds media object stylings, $fill fills up empty space

media($fill: 1, $spacing-left: false, $spacing-right: false)

breaks media styling and stacks elements on top of each other

unmedia()

Overlay

adds an absolute positioned, centered overlay. Set any offset to false to pin the overlay on this position.

overlay($offset-top: 0px, $offset-right: 0px, $offset-bottom: 0px, $offset-left: 0px)

Lists

Unstyles a list and removes margins and paddings

list-unstyled()

Unstyles a list and uses inline list items

list-inline()

Forms

Styles placeholder pseudo elements of a specific form element

input
  +overlay()
    color: #f00

Styles all placeholder pseudo elements on the page

+overlay-general()
  color: #f00