Julep

SASS/SCSS mixins for building mobile web applications. Designed to keep your markup clean and semantic and free of cruft.

Requirements

• Bourbon (http://bourbon.io)

Installation

• Clone the repository to your stylesheets directory.

• Add @import "julep/julep" to your SASS/SCSS.

Usage

Simply include the appropriate mixin in your stylesheet. E.g.

Header

<header>
  <h1>App Name</h1>
</header>

header {
  @include header($color);
}

Tab Bar

Pass the number of buttons in your tab bar to the mixin.

<footer>
  <ul>
    <li><a href="#" id="one">One</a></li>
    <li><a href="#" id="two">Two</a></li>
  </ul>
</footer>

footer {
  @include tabbar(2);
}

Lists

<ul>
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
</ul>

ul {
  @include list;
}

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Added some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request