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

md item border colors

Browse Source
This commit is contained in:
Adam Bradley
2015-08-31 15:12:24 -05:00
parent 7fc18380d2
commit bf4eea3fb2
5 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/checkbox/modes/material.scss
View File

@ -6,7 +6,7 @@ $checkbox-md-icon-size: 16px !default;
$checkbox-md-bg-color-off: $list-background-color !default; $checkbox-md-bg-color-off: $list-background-color !default;
$checkbox-md-border-width: 2px !default; $checkbox-md-border-width: 2px !default;
$checkbox-md-border-radius: 2px !default; $checkbox-md-border-radius: 2px !default;
$checkbox-md-border-color-off: $list-border-color !default; $checkbox-md-border-color-off: darken($item-md-border-color, 40%) !default;
$checkbox-md-bg-color-on: color(primary) !default; $checkbox-md-bg-color-on: color(primary) !default;
$checkbox-md-border-color-on: color(primary) !default; $checkbox-md-border-color-on: color(primary) !default;
$checkbox-md-checkmark-color-on: $background-color !default; $checkbox-md-checkmark-color-on: $background-color !default;

9
ionic/components/item/modes/material.scss
View File

@ -2,7 +2,7 @@
// Material Design Item // Material Design Item
// -------------------------------------------------- // --------------------------------------------------
$item-md-border-color: lighten($list-border-color, 10%) !default; $item-md-border-color: grayscale(lighten($list-border-color, 8%)) !default;
$item-md-font-size: 1.6rem !default; $item-md-font-size: 1.6rem !default;
$item-md-padding-top: 13px !default; $item-md-padding-top: 13px !default;
@ -44,10 +44,15 @@ $item-md-forward-icon-color: $item-md-border-color !default;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: $item-md-padding-left;
border-top: 1px solid $item-md-border-color; border-top: 1px solid $item-md-border-color;
content: ''; content: '';
} }
&:first-child:before,
&:last-child:after {
left: 0;
}
} }
ion-header + .item:before { ion-header + .item:before {

2
ionic/components/radio/modes/material.scss
View File

@ -6,7 +6,7 @@ $radio-md-active-color: color(primary) !default;
$radio-md-icon-size: 16px !default; $radio-md-icon-size: 16px !default;
$radio-md-border-width: 2px !default; $radio-md-border-width: 2px !default;
$radio-md-color-off: $list-border-color !default; $radio-md-color-off: $item-md-border-color !default;
$radio-md-transition-duration: 280ms !default; $radio-md-transition-duration: 280ms !default;
$radio-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default; $radio-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;

2
ionic/components/switch/modes/material.scss
View File

@ -6,7 +6,7 @@ $switch-md-active-color: color(primary) !default;
$switch-md-track-width: 36px !default; $switch-md-track-width: 36px !default;
$switch-md-track-height: 14px !default; $switch-md-track-height: 14px !default;
$switch-md-track-off-bg-color: $list-border-color !default; $switch-md-track-off-bg-color: $item-md-border-color !default;
$switch-md-track-on-bg-color: lighten($switch-md-active-color, 25%) !default; $switch-md-track-on-bg-color: lighten($switch-md-active-color, 25%) !default;
$switch-md-handle-width: 20px !default; $switch-md-handle-width: 20px !default;

2
ionic/ionic.material.scss
View File

@ -6,10 +6,10 @@
"components/toolbar/modes/material", "components/toolbar/modes/material",
"components/action-menu/modes/material", "components/action-menu/modes/material",
"components/button/modes/material", "components/button/modes/material",
"components/checkbox/modes/material",
"components/item/modes/material", "components/item/modes/material",
"components/list/modes/material", "components/list/modes/material",
"components/card/modes/material", "components/card/modes/material",
"components/checkbox/modes/material",
"components/text-input/modes/material", "components/text-input/modes/material",
"components/nav-bar/modes/material", "components/nav-bar/modes/material",
"components/radio/modes/material", "components/radio/modes/material",