mirror of
https://github.com/danbee/julep
synced 2025-03-04 08:59:10 +00:00
Add examples.
This commit is contained in:
parent
277a211646
commit
715f668b1f
51
README.md
51
README.md
@ -1,6 +1,6 @@
|
|||||||
# Julep
|
# Julep
|
||||||
|
|
||||||
SASS/SCSS mixins for building mobile web applications.
|
SASS/SCSS mixins for building mobile web applications. Designed to keep your markup clean and semantic and free of cruft.
|
||||||
|
|
||||||
## Requirements
|
## Requirements
|
||||||
|
|
||||||
@ -16,9 +16,52 @@ SASS/SCSS mixins for building mobile web applications.
|
|||||||
|
|
||||||
Simply include the appropriate mixin in your stylesheet. E.g.
|
Simply include the appropriate mixin in your stylesheet. E.g.
|
||||||
|
|
||||||
header {
|
### Header
|
||||||
@include header($color);
|
|
||||||
}
|
```html
|
||||||
|
<header>
|
||||||
|
<h1>App Name</h1>
|
||||||
|
</header>
|
||||||
|
```
|
||||||
|
|
||||||
|
```css
|
||||||
|
header {
|
||||||
|
@include header($color);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Tab Bar
|
||||||
|
|
||||||
|
```html
|
||||||
|
<footer>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#" id="one">One</a></li>
|
||||||
|
<li><a href="#" id="two">Two</a></li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
```
|
||||||
|
|
||||||
|
```css
|
||||||
|
footer {
|
||||||
|
@include tabbar;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Lists
|
||||||
|
|
||||||
|
```html
|
||||||
|
<ul>
|
||||||
|
<li>First Item</li>
|
||||||
|
<li>Second Item</li>
|
||||||
|
<li>Third Item</li>
|
||||||
|
</ul>
|
||||||
|
```
|
||||||
|
|
||||||
|
```css
|
||||||
|
ul {
|
||||||
|
@include list;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user