From fe256c785c0874c3ba983374ae3f6afa556336df Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 10 Mar 2016 13:56:03 -0500 Subject: [PATCH] refactor(sass): rename bg to background in all sass variables 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 --- ionic/components/item/item.ios.scss | 8 ++++---- ionic/components/item/item.md.scss | 8 ++++---- ionic/components/item/item.wp.scss | 8 ++++---- ionic/themes/dark.ios.scss | 2 +- ionic/themes/dark.md.scss | 2 +- ionic/themes/dark.wp.scss | 2 +- 6 files changed, 15 insertions(+), 15 deletions(-) diff --git a/ionic/components/item/item.ios.scss b/ionic/components/item/item.ios.scss index 887f2aabb5..d2819e5675 100644 --- a/ionic/components/item/item.ios.scss +++ b/ionic/components/item/item.ios.scss @@ -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 diff --git a/ionic/components/item/item.md.scss b/ionic/components/item/item.md.scss index 1a3850e98e..5b1708a204 100644 --- a/ionic/components/item/item.md.scss +++ b/ionic/components/item/item.md.scss @@ -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; } diff --git a/ionic/components/item/item.wp.scss b/ionic/components/item/item.wp.scss index d7c9e5e1a5..db2a353c2c 100644 --- a/ionic/components/item/item.wp.scss +++ b/ionic/components/item/item.wp.scss @@ -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; } diff --git a/ionic/themes/dark.ios.scss b/ionic/themes/dark.ios.scss index a260e3f7d5..c5beed09fa 100644 --- a/ionic/themes/dark.ios.scss +++ b/ionic/themes/dark.ios.scss @@ -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 { diff --git a/ionic/themes/dark.md.scss b/ionic/themes/dark.md.scss index 8041a23f22..ffa628dd8c 100644 --- a/ionic/themes/dark.md.scss +++ b/ionic/themes/dark.md.scss @@ -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 diff --git a/ionic/themes/dark.wp.scss b/ionic/themes/dark.wp.scss index 423006e7e9..8e19d1d6e4 100644 --- a/ionic/themes/dark.wp.scss +++ b/ionic/themes/dark.wp.scss @@ -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;