1
0
mirror of https://github.com/danbee/julep synced 2025-03-04 08:59:10 +00:00
Go to file
2013-02-12 12:58:13 +00:00
images Add tabbar, buttons and lists. Fix loader image. 2013-02-11 17:15:28 +00:00
includes Move button styles around and add comments. 2013-02-12 12:58:13 +00:00
_julep.scss Fix loader gif. This requires copying to the project directory. 2013-02-12 12:57:50 +00:00
README.md Add examples. 2013-02-11 17:41:41 +00:00

Julep

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

Requirements

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

<footer>
  <ul>
    <li><a href="#" id="one">One</a></li>
    <li><a href="#" id="two">Two</a></li>
  </ul>
</footer>
footer {
  @include tabbar;
}

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