Skip to content

Commit

Permalink
init
Browse files Browse the repository at this point in the history
  • Loading branch information
Nathan Cahill committed Jul 20, 2015
0 parents commit 18ff5a7
Show file tree
Hide file tree
Showing 9 changed files with 10,217 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.DS_Store
44 changes: 44 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
## Skeleton Tabs

Tab navigation for Skeleton. [Demo](http://nathancahill.github.io/skeleton-tabs/)

![](http://i.imgur.com/ekJwhya.png)

### Usage

Include `skeleton-tabs.css` and `skeleton-tabs.js` in your HTML:

```
<link rel="stylesheet" href="skeleton-tabs.css">
```

```
<script src="skeleton-tabs.js"></script>
```

Set up the HTML markup for the tab navigation:


```
<ul class="tab-nav">
<li>
<a class="button active" href="#one">Tab 1</a>
</li>
<li>
<a class="button" href="#two">Tab 2</a>
</li>
<li>
<a class="button" href="#three">Tab 3</a>
</li>
</ul>
```

And the HTML markup for tab content:

```
<div class="tab-content">
<div class="tab-pane active" id="one">...</div>
<div class="tab-pane" id="two">...</div>
<div class="tab-pane" id="three">...</div>
</div>
```
26 changes: 26 additions & 0 deletions bower.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{
"name": "skeleton-tabs",
"version": "1.0.0",
"homepage": "https://github.com/nathancahill/skeleton-tabs",
"authors": [
"Nathan Cahill <[email protected]>"
],
"description": "Tab navigation for Skeleton",
"main": "skeleton-tabs.css",
"keywords": [
"skeleton",
"css"
],
"license": "MIT",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"jquery": "*",
"skeleton": "~2.0.4"
}
}
Loading

0 comments on commit 18ff5a7

Please sign in to comment.