mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
button-full
This commit is contained in:
@ -169,7 +169,7 @@ $button-bar-button-icon-size: 20px !default;
|
||||
|
||||
.button-full,
|
||||
.button-full > .button {
|
||||
display: block;
|
||||
@include flex-display();
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border-right-width: 0;
|
||||
|
30
src/components/button/examples/button-full/index.html
Normal file
30
src/components/button/examples/button-full/index.html
Normal 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>
|
Reference in New Issue
Block a user