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

button-block

Browse Source
This commit is contained in:
Adam Bradley
2015-03-23 08:20:45 -05:00
parent fababbe546
commit 824ca7a245
3 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/button/button.scss
View File

@ -93,7 +93,7 @@ $button-bar-button-icon-size: 20px !default;
min-height: $button-height + 5px; min-height: $button-height + 5px;
line-height: normal; line-height: normal;
vertical-align: baseline; vertical-align: top;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -159,7 +159,7 @@ $button-bar-button-icon-size: 20px !default;
} }
.button-block { .button-block {
display: block; @include flex-display();
clear: both; clear: both;
&:after { &:after {

26
src/components/button/examples/button-block/index.html Normal file
View File

@ -0,0 +1,26 @@
<link rel="stylesheet" href="../../../../../dist/css/ionic.css">
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-block button-positive" href="#">a.button-block</a>
<button class="button button-block button-positive">button.button-block</button>
</p>
<p>
<a class="button button-block button-outline button-positive" href="#">a.button-block</a>
<button class="button button-block button-outline button-positive">button.button-block</button>
</p>
<p>
<a class="button button-block button-clear button-positive" href="#">a.button-block</a>
<button class="button button-block button-clear button-positive">button.button-block</button>
</p>
</div>

4
src/components/button/examples/button-sizes/index.html
View File

@ -20,7 +20,9 @@
</p> </p>
<p> <p>
<a class="button button-large button-positive" href="#">a</a> <a class="button button-large button-positive" href="#">
<span style="font-size:44px">H</span>
a</a>
<button class="button button-large button-positive">button</button> <button class="button button-large button-positive">button</button>
<a class="button button-outline button-large button-positive" href="#">a</a> <a class="button button-outline button-large button-positive" href="#">a</a>