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

update item/list variable setup

Browse Source
This commit is contained in:
Adam Bradley
2015-12-04 23:45:39 -06:00
parent d8f235d09d
commit 022d873723
10 changed files with 62 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/card/modes/md.scss
View File

@@ -62,7 +62,7 @@ ion-card {
}
.item {
font-size: $item-md-font-size;
font-size: $card-md-font-size;
}
.item-inner {

4
ionic/components/checkbox/modes/md.scss
View File

@@ -8,7 +8,7 @@ $checkbox-md-icon-size: 16px !default;
$checkbox-md-background-color-off: $list-md-background-color !default;
$checkbox-md-border-width: 2px !default;
$checkbox-md-border-radius: 2px !default;
$checkbox-md-border-color-off: darken($item-md-border-color, 40%) !default;
$checkbox-md-border-color-off: darken($list-md-border-color, 40%) !default;
$checkbox-md-background-color-on: map-get($colors-md, primary) !default;
$checkbox-md-border-color-on: map-get($colors-md, primary) !default;
$checkbox-md-checkmark-color-on: $background-md-color !default;
@@ -21,7 +21,7 @@ ion-checkbox {
}
ion-item-content {
border-bottom: 1px solid $item-md-border-color;
border-bottom: 1px solid $list-md-border-color;
margin: 0;
padding: $item-md-padding-top ($item-md-padding-right / 2) $item-md-padding-bottom 0;
}

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

@@ -4,10 +4,11 @@
// iOS Item
// --------------------------------------------------
$item-ios-font-size: 1.6rem !default;
$item-ios-avatar-size: 3.6rem !default;
$item-ios-thumbnail-size: 5.6rem !default;
$item-ios-note-color: darken($item-ios-border-color, 10%) !default;
$item-ios-detail-push-color: $item-ios-border-color !default;
$item-ios-note-color: darken($list-ios-border-color, 10%) !default;
$item-ios-detail-push-color: $list-ios-border-color !default;
$item-ios-divider-bg: #f7f7f7 !default;
$item-ios-divider-color: #222 !default;
@@ -55,7 +56,7 @@ ion-note {
.item.activated,
a.item.activated,
button.item.activated {
background-color: $item-ios-activated-background-color;
background-color: $list-ios-activated-background-color;
transition-duration: 0ms;
}
@@ -67,7 +68,7 @@ button.item {
.item-inner {
padding-right: ($item-ios-padding-right / 2);
border-bottom: 1px solid $item-ios-border-color;
border-bottom: 1px solid $list-ios-border-color;
}
ion-item-content {

22
ionic/components/item/modes/md.scss
View File

@@ -4,27 +4,13 @@
// Material Design Item
// --------------------------------------------------
$item-md-border-color: grayscale(lighten($list-md-border-color, 8%)) !default;
$item-md-activated-background-color: #f1f1f1 !default;
$item-md-font-size: 1.6rem !default;
$item-md-padding-top: 13px !default;
$item-md-padding-right: 16px !default;
$item-md-padding-bottom: 13px !default;
$item-md-padding-left: 16px !default;
$item-md-padding-media-top: 9px !default;
$item-md-padding-media-bottom: 9px !default;
$item-md-padding-icon-top: 11px !default;
$item-md-padding-icon-bottom: 10px !default;
$item-md-body-text-font-size: 1.4rem !default;
$item-md-body-text-line-height: 1.5 !default;
$item-md-font-size: 1.6rem !default;
$item-md-avatar-size: 4rem !default;
$item-md-thumbnail-size: 8rem !default;
$item-md-note-color: darken($item-md-border-color, 10%) !default;
$item-md-note-color: darken($list-md-border-color, 10%) !default;
$item-md-divider-bg: #fff !default;
$item-md-divider-color: #222 !default;
@@ -87,7 +73,7 @@ ion-note {
}
.item-inner {
border-bottom: 1px solid $item-md-border-color;
border-bottom: 1px solid $list-md-border-color;
padding-right: ($item-md-padding-right / 2);
}
@@ -195,7 +181,7 @@ button.item {
.item.activated,
a.item.activated,
button.item.activated {
background-color: $item-md-activated-background-color;
background-color: $list-md-activated-background-color;
box-shadow: none;
}

2
ionic/components/list/modes/md.scss
View File

@@ -19,8 +19,6 @@ $list-md-header-padding: 16px $item-md-padding-right 16px $item-md-paddi
$list-md-header-font-size: 1.4rem !default;
$list-md-header-color: #858585 !default;
$list-md-border-color: $item-md-border-color !default;
/****************/
/* DEFAULT LIST */

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

@@ -8,7 +8,7 @@ $radio-md-color-on: map-get($colors-md, primary) !default;
$radio-md-icon-size: 16px !default;
$radio-md-border-width: 2px !default;
$radio-md-color-off: darken($item-md-border-color, 40%) !default;
$radio-md-color-off: darken($list-md-border-color, 40%) !default;
$radio-md-transition-duration: 280ms !default;
$radio-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;

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

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