javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(sass): rename bg to background in all sass variables

Browse Source 
BREAKING CHANGE:

`$item-ios-divider-bg` is now `$item-ios-divider-background`
`$item-ios-sliding-content-bg` is now
`$item-ios-sliding-content-background`

`$item-md-divider-bg` is now `$item-md-divider-background`
`$item-md-sliding-content-bg` is now
`$item-md-sliding-content-background`

`$item-wp-divider-bg` is now `$item-wp-divider-background`
`$item-wp-sliding-content-bg` is now
`$item-wp-sliding-content-background`

references #5651
This commit is contained in:
Brandy Carney
2016-03-10 13:56:03 -05:00
parent bf3f016fec
commit fe256c785c
6 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/components/item/item.ios.scss
View File

@ -12,11 +12,11 @@ $item-ios-thumbnail-size: 5.6rem !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-background: #f7f7f7 !default;
$item-ios-divider-color: #222 !default;
$item-ios-divider-padding: 5px 15px !default;
$item-ios-sliding-content-bg: $list-ios-background-color !default;
$item-ios-sliding-content-background: $list-ios-background-color !default;
// iOS Item
@ -188,7 +188,7 @@ ion-item-group {
ion-item-divider {
padding: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left;
color: $item-ios-divider-color;
background-color: $item-ios-divider-bg;
background-color: $item-ios-divider-background;
}
@ -207,7 +207,7 @@ ion-item-divider {
// --------------------------------------------------
ion-item-sliding {
background-color: $item-ios-sliding-content-bg;
background-color: $item-ios-sliding-content-background;
}
// iOS item right-to-left

8
ionic/components/item/item.md.scss
View File

@ -13,11 +13,11 @@ $item-md-avatar-size: 4rem !default;
$item-md-thumbnail-size: 8rem !default;
$item-md-note-color: darken($list-md-border-color, 10%) !default;
$item-md-divider-bg: #fff !default;
$item-md-divider-background: #fff !default;
$item-md-divider-color: #222 !default;
$item-md-divider-padding: 5px 15px !default;
$item-md-sliding-content-bg: $list-md-background-color !default;
$item-md-sliding-content-background: $list-md-background-color !default;
.item {
@ -149,7 +149,7 @@ ion-note {
ion-item-divider {
padding: $item-md-padding-top $item-md-padding-right $item-md-padding-bottom $item-md-padding-left;
background-color: $item-md-divider-bg;
background-color: $item-md-divider-background;
color: $item-md-divider-color;
}
@ -169,5 +169,5 @@ ion-item-divider {
// --------------------------------------------------
ion-item-sliding {
background-color: $item-md-sliding-content-bg;
background-color: $item-md-sliding-content-background;
}

8
ionic/components/item/item.wp.scss
View File

@ -15,11 +15,11 @@ $item-wp-avatar-size: 4rem !default;
$item-wp-thumbnail-size: 8rem !default;
$item-wp-note-color: $input-wp-border-color !default;
$item-wp-divider-bg: #fff !default;
$item-wp-divider-background: #fff !default;
$item-wp-divider-color: #222 !default;
$item-wp-divider-padding: 5px 15px !default;
$item-wp-sliding-content-bg: $list-wp-background-color !default;
$item-wp-sliding-content-background: $list-wp-background-color !default;
.item {
@ -155,7 +155,7 @@ ion-note {
ion-item-divider {
padding: $item-wp-padding-top $item-wp-padding-right $item-wp-padding-bottom $item-wp-padding-left;
background-color: $item-wp-divider-bg;
background-color: $item-wp-divider-background;
color: $item-wp-divider-color;
}
@ -175,5 +175,5 @@ ion-item-divider {
// --------------------------------------------------
ion-item-sliding {
background-color: $item-wp-sliding-content-bg;
background-color: $item-wp-sliding-content-background;
}

2
ionic/themes/dark.ios.scss
View File

@ -49,7 +49,7 @@ $list-ios-activated-background-color: #d9d9d9 !default;
// iOS List header
// --------------------------------------------------
$list-ios-header-color: $text-color !default;
$item-ios-divider-bg: #151515 !default;
$item-ios-divider-background: #151515 !default;
$item-ios-divider-color: $text-color !default;
ion-list-header {

2
ionic/themes/dark.md.scss
View File

@ -57,7 +57,7 @@ $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-divider-bg: #151515 !default;
$item-md-divider-background: #151515 !default;
$item-md-divider-color: map-get($colors-md, light) !default;
// Material Design Toggle

2
ionic/themes/dark.wp.scss
View File

@ -57,7 +57,7 @@ $item-wp-padding-media-top: 9px !default;
$item-wp-padding-media-bottom: 9px !default;
$item-wp-padding-icon-top: 11px !default;
$item-wp-padding-icon-bottom: 10px !default;
$item-wp-divider-bg: #151515 !default;
$item-wp-divider-background: #151515 !default;
$item-wp-divider-color: map-get($colors-wp, light) !default;