javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

update button vertical alignments

Browse Source
This commit is contained in:
Adam Bradley
2013-10-30 07:48:47 -05:00
parent 082259dcfb
commit 83a00fa301
8 changed files with 934 additions and 791 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
test/buttons.html
View File

@ -30,7 +30,7 @@
<h3>a.button default</h3>
<p>
<a class="button button-default"><i class="icon-home"></i> .button-default</a>
<a class="button button-default"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary"><i class="icon-home"></i></a>
<a class="button button-primary"><i class="icon-home"></i> .button-primary</a>
<a class="button button-info"><i class="icon-home"></i></a>
@ -44,7 +44,7 @@
<h3>button.button default</h3>
<p>
<button class="button button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-default"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-secondary">.button-secondary</button>
<button class="button button-primary"><i class="icon-home"></i> .button-primary</button>
<button class="button button-info">.button-info</button>
@ -58,7 +58,7 @@
<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-default"><i class="icon-home"></i> MB.button-default|!PL</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>
@ -72,7 +72,7 @@
<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-default"><i class="icon-home"></i> MB.button-default|!PL</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>
@ -86,7 +86,7 @@
<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-default"><i class="icon-home"></i> MB.button-default|!PL</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>
@ -98,9 +98,9 @@
<hr>
<h3>button.button. button-small default</h3>
<h3>button.button.button-small</h3>
<p>
<button class="button button-small button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-small button-default"><i class="icon-home"></i> MB.button-default|!PL</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>
@ -112,9 +112,37 @@
<hr>
<h3>a.button.button-clear (Mixed in with others)</h3>
<p>
<a class="button button-clear button-default"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary"><i class="icon-home"></i></a>
<a class="button button-clear button-primary"><i class="icon-home"></i> .button-primary</a>
<a class="button button-clear button-info"><i class="icon-home"></i></a>
<a class="button button-success">.button-success</a>
<a class="button button-warning"><i class="icon-home"></i> .button-warning</a>
<a class="button button-clear button-danger">.button-danger</a>
<a class="button button-clear button-dark"><i class="icon-home"></i> .button-dark</a>
</p>
<hr>
<h3>button.button.button-clear default</h3>
<p>
<button class="button button-default"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-clear button-secondary">.button-secondary</button>
<button class="button button-primary"><i class="icon-home"></i> .button-primary</button>
<button class="button button-clear button-info">.button-info</button>
<button class="button button-clear button-success"><i class="icon-home"></i></button>
<button class="button button-clear button-warning">.button-warning</button>
<button class="button button-clear button-danger"><i class="icon-home"></i> .button-danger</button>
<button class="button 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>
<a class="button block button-default"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button block button-secondary">.button-secondary</a>
<a class="button block button-primary">.button-primary</a>
<a class="button block button-info">.button-info</a>
@ -128,7 +156,7 @@
<h3>button.block (parent w/ padding)</h3>
<p>
<button class="button block button-default"><i class="icon-home"></i> .button-default</button>
<button class="button block button-default"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button block button-secondary">.button-secondary</button>
<button class="button block button-primary">.button-primary</button>
<button class="button block button-info">.button-info</button>
@ -170,7 +198,7 @@
<h3>a.button-outline</h3>
<p>
<a class="button button-default button-outline"><i class="icon-home"></i> .button-default</a>
<a class="button button-default button-outline"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary button-outline">.button-secondary</a>
<a class="button button-primary button-outline">.button-primary</a>
<a class="button button-info button-outline">.button-info</a>
@ -184,7 +212,7 @@
<h3>button.button-outline</h3>
<p>
<button class="button button-default button-outline"><i class="icon-home"></i> .button-default</button>
<button class="button button-default button-outline"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-secondary button-outline">.button-secondary</button>
<button class="button button-primary button-outline">.button-primary</button>
<button class="button button-info button-outline">.button-info</button>
@ -198,7 +226,7 @@
<h3>a.block.button-outline (parent w/ padding)</h3>
<p>
<a class="button button-default button-outline block"><i class="icon-home"></i> .button-default</a>
<a class="button button-default button-outline block"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary button-outline block">.button-secondary</a>
<a class="button button-primary button-outline block">.button-primary</a>
<a class="button button-info button-outline block">.button-info</a>
@ -212,7 +240,7 @@
<h3>button.block.button-outline (parent w/ padding)</h3>
<p>
<button class="button button-default button-outline block"><i class="icon-home"></i> .button-default</button>
<button class="button button-default button-outline block"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-secondary button-outline block">.button-secondary</button>
<button class="button button-primary button-outline block">.button-primary</button>
<button class="button button-info button-outline block">.button-info</button>
@ -226,7 +254,7 @@
<h3>a.button-clear</h3>
<p>
<a class="button button-default button-clear"><i class="icon-home"></i> .button-default</a>
<a class="button button-default button-clear"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary button-clear">.button-secondary</a>
<a class="button button-primary button-clear">.button-primary</a>
<a class="button button-info button-clear">.button-info</a>
@ -240,7 +268,7 @@
<h3>button.button-clear</h3>
<p>
<button class="button button-default button-clear"><i class="icon-home"></i> .button-default</button>
<button class="button button-default button-clear"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-secondary button-clear">.button-secondary</button>
<button class="button button-primary button-clear">.button-primary</button>
<button class="button button-info button-clear">.button-info</button>
@ -254,7 +282,7 @@
<h3>a.block.button-clear (parent w/ padding)</h3>
<p>
<a class="button button-default button-clear block"><i class="icon-home"></i> .button-default</a>
<a class="button button-default button-clear block"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary button-clear block">.button-secondary</a>
<a class="button button-primary button-clear block">.button-primary</a>
<a class="button button-info button-clear block">.button-info</a>
@ -268,7 +296,7 @@
<h3>button.block.button-clear (parent w/ padding)</h3>
<p>
<button class="button button-default button-clear block"><i class="icon-home"></i> .button-default</button>
<button class="button button-default button-clear block"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-secondary button-clear block">.button-secondary</button>
<button class="button button-primary button-clear block">.button-primary</button>
<button class="button button-info button-clear block">.button-info</button>
@ -284,7 +312,7 @@
<h3>a.block (parent w/out padding)</h3>
<p>
<a class="button block button-default"><i class="icon-home"></i> .button-default</a>
<a class="button block button-default"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button block button-secondary">.button-secondary</a>
<a class="button block button-primary">.button-primary</a>
<a class="button block button-info">.button-info</a>
@ -298,7 +326,7 @@
<h3>a.block (.button-full on the parent)</h3>
<p class="button-full">
<a class="button button-default"><i class="icon-home"></i> .button-default</a>
<a class="button button-default"><i class="icon-home"></i> MB.button-default|!PL</a>
<a class="button button-secondary">.button-secondary</a>
<a class="button button-primary">.button-primary</a>
<a class="button button-info">.button-info</a>
@ -312,7 +340,7 @@
<h3>button.block.button-full on each button and nothing on the parent</h3>
<p>
<button class="button button-full button-default"><i class="icon-home"></i> .button-default</button>
<button class="button button-full button-default"><i class="icon-home"></i> MB.button-default|!PL</button>
<button class="button button-full button-secondary">.button-secondary</button>
<button class="button button-full button-primary">.button-primary</button>
<button class="button button-full button-info">.button-info</button>