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

.ios and .md body class css structure

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 23:53:59 -05:00
parent 7b09e70284
commit cdf631dcaf
42 changed files with 140 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ionic/components/button/modes/material.scss
View File

@@ -8,13 +8,14 @@ $button-md-padding: 0 1.1em !default;
$button-md-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) !default;
$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-clear-hover-bg-color: rgba(158, 158, 158, 0.1);
$button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
[mode=md] button,
[mode=md] [button] {
button,
[button] {
border-radius: $button-md-border-radius;
min-height: $button-md-min-height;
@@ -26,9 +27,9 @@ $button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
font-size: $button-md-font-size;
box-shadow: $button-md-box-shadow;
transition: box-shadow 0.2s $animation-curve-fast-out-linear-in,
background-color 0.2s $animation-curve-default,
color 0.2s $animation-curve-default;
transition: box-shadow 0.2s $button-md-animation-curve,
background-color 0.2s $button-md-animation-curve,
color 0.2s $button-md-animation-curve;
&.activated {
box-shadow: $button-md-box-shadow-active;
@@ -54,12 +55,6 @@ $button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
&[outline] {
box-shadow: none;
/*.md-ripple {
&.is-visible {
opacity: 0.2;
}
}*/
&.activated {
opacity: 1;
}
@@ -97,15 +92,8 @@ $button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
&[#{$color}] {
@if lightness(get-color($color, base)) < 80 {
.md-ripple {
//background-color: white;
}
}
&.activated {
opacity: 1;
//background-color: get-color($color, base);
}
&[outline] {
@@ -128,8 +116,6 @@ $button-md-clear-active-bg-color: rgba(158, 158, 158, 0.2);
}
opacity: 1;
//background: transparent;
//color: $fg-color;
}
}