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

started different button sizes

Browse Source
This commit is contained in:
Adam Bradley
2013-10-28 20:32:04 -05:00
parent e66a27996b
commit fe71fda9e3
9 changed files with 854 additions and 721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
test/buttons.html
View File

@@ -28,7 +28,7 @@
<div class="padding">
<h3>&lt;a&gt; default</h3>
<h3>a.button default</h3>
<p>
<a class="button button-default"><i class="icon-home"></i> .button-default</a>
<a class="button button-secondary"><i class="icon-home"></i></a>
@@ -42,7 +42,7 @@
<hr>
<h3>&lt;button&gt; default</h3>
<h3>button.button default</h3>
<p>
<button class="button button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-secondary">.button-secondary</button>
@@ -56,6 +56,62 @@
<hr>
<h3>a.button.button-large default</h3>
<p>
<a class="button button-large button-default"><i class="icon-home"></i> .button-default</a>
<a class="button button-large button-secondary"><i class="icon-home"></i></a>
<a class="button button-large button-primary"><i class="icon-home"></i> .button-primary</a>
<a class="button button-large button-info"><i class="icon-home"></i></a>
<a class="button button-large button-success">.button-success</a>
<a class="button button-large button-warning"><i class="icon-home"></i> .button-warning</a>
<a class="button button-large button-danger">.button-danger</a>
<a class="button button-large button-dark"><i class="icon-home"></i> .button-dark</a>
</p>
<hr>
<h3>button.button. button-large default</h3>
<p>
<button class="button button-large button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-large button-secondary">.button-secondary</button>
<button class="button button-large button-primary"><i class="icon-home"></i> .button-primary</button>
<button class="button button-large button-info">.button-info</button>
<button class="button button-large button-success"><i class="icon-home"></i></button>
<button class="button button-large button-warning">.button-warning</button>
<button class="button button-large button-danger"><i class="icon-home"></i> .button-danger</button>
<button class="button button-large button-dark"><i class="icon-home"></i></button>
</p>
<hr>
<h3>a.button.button-small default</h3>
<p>
<a class="button button-small button-default"><i class="icon-home"></i> .button-default</a>
<a class="button button-small button-secondary"><i class="icon-home"></i></a>
<a class="button button-small button-primary"><i class="icon-home"></i> .button-primary</a>
<a class="button button-small button-info"><i class="icon-home"></i></a>
<a class="button button-small button-success">.button-success</a>
<a class="button button-small button-warning"><i class="icon-home"></i> .button-warning</a>
<a class="button button-small button-danger">.button-danger</a>
<a class="button button-small button-dark"><i class="icon-home"></i> .button-dark</a>
</p>
<hr>
<h3>button.button. button-small default</h3>
<p>
<button class="button button-small button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-small button-secondary">.button-secondary</button>
<button class="button button-small button-primary"><i class="icon-home"></i> .button-primary</button>
<button class="button button-small button-info">.button-info</button>
<button class="button button-small button-success"><i class="icon-home"></i></button>
<button class="button button-small button-warning">.button-warning</button>
<button class="button button-small button-danger"><i class="icon-home"></i> .button-danger</button>
<button class="button button-small button-dark"><i class="icon-home"></i></button>
</p>
<hr>
<h3>a.block (parent w/ padding)</h3>
<p>
<a class="button block button-default"><i class="icon-home"></i> .button-default</a>