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

block as button default

Browse Source
This commit is contained in:
Adam Bradley
2013-10-15 09:35:27 -05:00
parent 33bd4cde1d
commit a5d574e159
5 changed files with 181 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
scss/ionic/_button.scss
View File

@ -1,9 +1,8 @@
.button {
position: relative;
display: block;
margin: $button-block-margin;
display: inline-block;
margin: 0;
padding: $button-padding;
border-width: $button-border-width;
@ -20,31 +19,29 @@
cursor: pointer;
&.button-icon {
display: inline-block;
margin: 0;
padding: $button-clear-padding;
width: auto;
border: none;
background: none;
padding: $button-clear-padding;
}
&.button-clear {
@include transition(opacity .1s);
display: inline-block;
margin: 0;
padding: $button-clear-padding;
width: auto;
border: none;
background: none;
box-shadow: none;
padding: $button-clear-padding;
// A nice iOS 7 style fade click
@include transition(opacity .1s);
&:active, &.active {
opacity: 0.3;
}
}
&.button-block {
display: block;
margin: $button-block-margin;
width: 100%;
}
&.button-default {
@include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $gray-dark);
@include button-clear($gray-dark);
@ -85,28 +82,35 @@
}
&.button-outline {
background: none;
box-shadow: none;
/* padding: $button-clear-padding; */
// A nice iOS 7 style fade click
@include transition(opacity .1s);
&:active, &.active {
}
display: inline-block;
margin: 0;
width: auto;
background: none;
box-shadow: none;
}
&.button-icon {
border: none;
background: none;
&:active, &.active {
text-shadow: 0px 0px 10px #fff;
box-shadow: none;
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px #fff;
}
}
&.button-inline {
display: inline-block;
margin: 0;
width: auto;
}
&.button-block {
display: block;
margin: $button-block-margin;
}
}
a.button {