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

refactor(activator): ripple activator

Browse Source
This commit is contained in:
Adam Bradley
2015-09-21 13:48:58 -05:00
parent e184b1f9f2
commit 88c547c535
8 changed files with 222 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/button/modes/md.scss
View File

@@ -9,6 +9,7 @@ $button-md-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px
$button-md-box-shadow-active: 0 4px 5px 0 rgba(0, 0, 0, 0.14),0 1px 10px 0 rgba(0, 0, 0, 0.12),0 2px 4px -1px rgba(0, 0, 0, 0.2); //0 1px 3px 0 rgba(0, 0, 0, 0.3); //0 2px 5px 0 rgba(0, 0, 0, 0.26) !default;
$button-md-border-radius: 2px !default;
$button-md-animation-curve: cubic-bezier(0.4, 0, 0.2, 1) !default;
$button-md-transition-duration: 300ms !default;
$button-md-clear-hover-bg-color: rgba(158, 158, 158, 0.1);
$button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
@@ -27,9 +28,9 @@ button,
font-size: $button-md-font-size;
box-shadow: $button-md-box-shadow;
transition: box-shadow 0.2s $button-md-animation-curve,
background-color 0.2s $button-md-animation-curve,
color 0.2s $button-md-animation-curve;
transition: box-shadow $button-md-transition-duration $button-md-animation-curve,
background-color $button-md-transition-duration $button-md-animation-curve,
color $button-md-transition-duration $button-md-animation-curve;
&.activated {
box-shadow: $button-md-box-shadow-active;
@@ -122,8 +123,8 @@ button,
// Generate Material Design Button Auxiliary Colors
// --------------------------------------------------
@each $color-name, $value in auxiliary-colors() {
@each $color-name, $color-value in auxiliary-colors() {
@include button-theme-md($color-name, $value);
@include button-theme-md($color-name, $color-value);
}