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

chore(): sass vars should use background

Browse Source
This commit is contained in:
Adam Bradley
2015-09-21 16:25:13 -05:00
parent 6d402a9428
commit 0a4e927312
12 changed files with 94 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,25 +2,25 @@
// iOS Item
// --------------------------------------------------
$item-ios-border-color: $list-border-color !default;
$item-ios-activated-bg-color: #d9d9d9 !default;
$item-ios-font-size: 1.6rem !default;
$item-ios-border-color: $list-border-color !default;
$item-ios-activated-background-color: #d9d9d9 !default;
$item-ios-font-size: 1.6rem !default;
$item-ios-padding-top: 13px !default;
$item-ios-padding-right: 16px !default;
$item-ios-padding-bottom: 14px !default;
$item-ios-padding-left: 16px !default;
$item-ios-padding-top: 13px !default;
$item-ios-padding-right: 16px !default;
$item-ios-padding-bottom: 14px !default;
$item-ios-padding-left: 16px !default;
$item-ios-padding-media-top: 10px !default;
$item-ios-padding-media-bottom: 10px !default;
$item-ios-padding-media-top: 10px !default;
$item-ios-padding-media-bottom: 10px !default;
$item-ios-padding-icon-top: 10px !default;
$item-ios-padding-icon-bottom: 10px !default;
$item-ios-padding-icon-top: 10px !default;
$item-ios-padding-icon-bottom: 10px !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-forward-icon-color: $item-ios-border-color !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-forward-icon-color: $item-ios-border-color !default;
.list {
@@ -57,7 +57,7 @@ $item-ios-forward-icon-color: $item-ios-border-color !default;
}
&.activated {
background-color: $item-ios-activated-bg-color;
background-color: $item-ios-activated-background-color;
}
}

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

@@ -2,28 +2,28 @@
// Material Design Item
// --------------------------------------------------
$item-md-border-color: grayscale(lighten($list-border-color, 8%)) !default;
$item-md-activated-bg-color: #f1f1f1 !default;
$item-md-font-size: 1.6rem !default;
$item-md-border-color: grayscale(lighten($list-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-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-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-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-body-text-font-size: 1.4rem !default;
$item-md-body-text-line-height: 1.5 !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-forward-icon-color: $item-md-border-color !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-forward-icon-color: $item-md-border-color !default;
.list {
@@ -61,7 +61,7 @@ $item-md-forward-icon-color: $item-md-border-color !default;
}
&.activated {
background-color: $item-md-activated-bg-color;
background-color: $item-md-activated-background-color;
}
}