@simbo/stylus-mixins

stylus-mixins

A personal collection of Stylus mixins.

---

Installation

stylus-mixins is a user scoped npm package. You can install it…

# …using npm
npm install @simbo/stylus-mixins
# …or yarn
yarn add @simbo/stylus-mixins

Usage

/* require all mixins… */
@require 'path/to/node_modules/stylus-mixins'

/* …or only those you need… */
@require 'path/to/node_modules/stylus-mixins/mixins/md-shadow'

/* …and call them where needed: */
.my-container
  mdShadow()

Mixins

mdShadow($depth = 2, $multiplier = 1, $inset = false)

Material design shadows with umbra, penumbra and ambient shadow

./mixins/md-shadow

ratioExpander($ratio = 1)

Creates a peudo element expander to maintain aspect ratio

./mixins/ratio-expander

`textEllipsis()``

Ellipsis overflow for single-line text

./mixins/text-ellipsis

License

MIT © Simon Lepel