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-full

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

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

@ -169,7 +169,7 @@ $button-bar-button-icon-size: 20px !default;
.button-full, .button-full,
.button-full > .button { .button-full > .button {
display: block; @include flex-display();
margin-right: 0; margin-right: 0;
margin-left: 0; margin-left: 0;
border-right-width: 0; border-right-width: 0;

30
src/components/button/examples/button-full/index.html Normal file
View File

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