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

refactor(button): added button class to the button directive and got them working more

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-04 16:12:45 -05:00
parent 5b0c174939
commit 5f221e273b
5 changed files with 106 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ionic/components/button/button.scss
View File

@ -21,8 +21,15 @@ $button-hover-opacity: 0.8 !default;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
transition: background-color, opacity 100ms linear;
margin: $button-margin;
padding: $button-padding;
min-height: $button-height;
line-height: 1;
border: 1px solid #ccc;
border: transparent;
border-radius: $button-border-radius;
font-size: $button-font-size;
font-family: inherit;
@ -43,6 +50,17 @@ $button-hover-opacity: 0.8 !default;
@include user-select-none();
@include appearance(none);
background: $button-color;
color: $button-text-color;
&:hover:not(.disable-hover) {
opacity: $button-hover-opacity;
text-decoration: none;
}
&.activated {
opacity: 1;
background-color: $button-color-activated;
}
// Button Types
// --------------------------------------------------