https://github.com/nusu/family.styl

port of family.scss to stylus
https://github.com/nusu/family.styl

css familyscss mixins stylus

Last synced: 27 days ago
JSON representation

port of family.scss to stylus

• Host: GitHub
• URL: https://github.com/nusu/family.styl
• Owner: nusu
• Created: 2016-05-23T10:53:21.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-05-30T21:19:06.000Z (over 8 years ago)
• Last Synced: 2024-10-11T16:24:33.136Z (about 1 month ago)
• Topics: css, familyscss, mixins, stylus
• Language: CSS
• Size: 7.81 KB
• Stars: 20
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**family.styl**

-------

this is port of [family.scss](https://github.com/LukyVj/family.scss) to stylus

**Installation:**

bower:

    $ bower install family.styl

git:

    $ git clone https://github.com/nusususuzu/family.styl.git

and import the mixin file:

    @import 'family.styl'

**Use the mixins:**

~~mixin name's are same as family.scss~~ , mixins are namespaced with "fm-" which comes from "family", **so if you want to use mixins in stylus you need to put "fm-" before every family mixin name**

Input:

    ul li

      background transparent

      +fm-first(3)

        background pink

Output:

    ul li {

      background: transparent;

    }

    ul li:nth-child(-n + 3) {

      background: pink;

    }

detailed mixin documentation:

  [family.scss](http://lukyvj.github.io/family.scss/)