javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

added button icon w/out child <i> example

Browse Source
This commit is contained in:
Adam Bradley
2013-11-30 22:04:45 -06:00
parent 6d3eb6db16
commit 5ec261e974
1 changed files with 48 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
test/headers.html
View File

@@ -29,9 +29,9 @@
<i class="icon ion-navicon"></i> Home
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
Favorites
@@ -43,9 +43,9 @@
<i class="icon ion-navicon"></i> Home
</a>
<div class="button-bar">
<a class="button button-calm">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button button-calm">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i> Favorites
@@ -71,9 +71,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -85,9 +85,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -99,9 +99,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -113,9 +113,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -127,9 +127,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -141,9 +141,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -155,9 +155,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -169,9 +169,9 @@
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -183,9 +183,9 @@
<i class="icon ion-arrow-left-c"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
@@ -197,9 +197,21 @@
<i class="icon ion-arrow-left-c"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button button-clear">
title
</a>
</header>
<header class="bar bar-calm">
<a class="button button-icon icon ion-arrow-left-c"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button button-clear">
title