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

added button outline style

Browse Source
This commit is contained in:
Ben Sperry
2013-10-06 16:35:58 -05:00
parent ff02eaa362
commit 1679adab36
4 changed files with 25 additions and 4673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2292
dist/ionic-ios7.css vendored
View File

File diff suppressed because it is too large Load Diff

2381
dist/ionic.css vendored
View File

File diff suppressed because it is too large Load Diff

12
scss/ionic/_button.scss
View File

@ -37,6 +37,18 @@
&:active, &.active { &:active, &.active {
opacity: 0.4; opacity: 0.4;
} }
&.button-outline {
background: none;
box-shadow: none;
padding: $button-clear-padding;
// A nice iOS 7 style fade click
@include transition(opacity .1s);
&:active, &.active {
opacity: 0.4;
}
} }
&.button-block { &.button-block {

13
test/buttons.html
View File

@ -40,6 +40,19 @@
<a class="button button-danger button-clear">Danger</a> <a class="button button-danger button-clear">Danger</a>
<a class="button button-dark button-clear">Dark</a> <a class="button button-dark button-clear">Dark</a>
</p> </p>
<p>
<a class="button button-icon"><i class="icon-home"></i></a>
</p>
<p>
<a class="button button-default button-outline">Default</a>
<a class="button button-secondary button-outline">Secondary</a>
<a class="button button-primary button-outline">Primary</a>
<a class="button button-info button-outline">Info</a>
<a class="button button-success button-outline">Success</a>
<a class="button button-warning button-outline">Warning</a>
<a class="button button-danger button-outline">Danger</a>
<a class="button button-dark button-outline">Dark</a>
</p>
<p><a class="button button-secondary" href="index.html">Homepage</a></p> <p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>