From 7851fee50cf6a263c2e1e123ac424d92fb7a1de9 Mon Sep 17 00:00:00 2001 From: Phil Morgan Date: Wed, 2 Mar 2016 15:31:35 +0000 Subject: [PATCH 1/8] updated gradients and switch to linear --- src/styles/_constants.scss | 8 ++++---- src/styles/_mixins.scss | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss index abb8010..dc699fe 100644 --- a/src/styles/_constants.scss +++ b/src/styles/_constants.scss @@ -1,11 +1,11 @@ $polaris-bg-default: #FFFFFF, #E1E0E4, #FFFFFF; -$polaris-bg-sky-atlantic: #5090B8, #194F73; -$polaris-bg-sky-living: #96A8B5, #768D9D; +$polaris-bg-sky-atlantic: #005aaf, #003c7d; +$polaris-bg-sky-living: #69a0b4, #69879b; $polaris-bg-sky-sports: #132774, #041456; $polaris-bg-sky-movies: #8F2679, #67135A; -$polaris-bg-sky-arts: #EC0015, #48055B; +$polaris-bg-sky-arts: #fa5569, #fa0050; $polaris-bg-sky-news: #153073, #061B55; -$polaris-bg-sky-1: #0D77BD, #005392; +$polaris-bg-sky-1: #1ea0f5, #0082dc; $polaris-bg-sky-box-sets: #7F0C2D, #5B1139; $polaris-bg-sky-account: #197BC9, #135FA0; $polaris-bg-sky-store: #0E429E, #003366; diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index e648b90..0332c78 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -1,7 +1,7 @@ @mixin page-background-gradient($info) { background-color: nth($info, length($info)); - background-image: -webkit-radial-gradient(nth($info, 1), nth($info, 2)); - background-image: radial-gradient(nth($info, 1), nth($info, 2)); + background-image: linear-gradient(to top, nth($info, 1), nth($info, 2)); + background-image: -webkit-linear-gradient(to top, nth($info, 1), nth($info, 2)); } @mixin mobile { From fc24c846f10ee70fcd7985d73d4aa2047aceb19e Mon Sep 17 00:00:00 2001 From: Phil Morgan Date: Wed, 2 Mar 2016 16:39:47 +0000 Subject: [PATCH 2/8] change webkit-linear-gradient to match linear-gradient --- src/styles/_mixins.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index 0332c78..15f335b 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -1,7 +1,7 @@ @mixin page-background-gradient($info) { background-color: nth($info, length($info)); background-image: linear-gradient(to top, nth($info, 1), nth($info, 2)); - background-image: -webkit-linear-gradient(to top, nth($info, 1), nth($info, 2)); + background-image: -webkit-linear-gradient(90deg, nth($info, 1), nth($info, 2)); } @mixin mobile { From a261b29677c27432853f8c4cc86dd56a7cbff3bb Mon Sep 17 00:00:00 2001 From: Jimi Ogunyomi Date: Wed, 13 Apr 2016 09:10:47 +0100 Subject: [PATCH 3/8] changed page background gradient to linear --- src/styles/_constants.scss | 29 +++++++++++++++++------------ src/styles/_mixins.scss | 6 +++--- src/styles/gradients.scss | 5 +++++ 3 files changed, 25 insertions(+), 15 deletions(-) diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss index dc699fe..5df9385 100644 --- a/src/styles/_constants.scss +++ b/src/styles/_constants.scss @@ -1,12 +1,17 @@ -$polaris-bg-default: #FFFFFF, #E1E0E4, #FFFFFF; -$polaris-bg-sky-atlantic: #005aaf, #003c7d; -$polaris-bg-sky-living: #69a0b4, #69879b; -$polaris-bg-sky-sports: #132774, #041456; -$polaris-bg-sky-movies: #8F2679, #67135A; -$polaris-bg-sky-arts: #fa5569, #fa0050; -$polaris-bg-sky-news: #153073, #061B55; -$polaris-bg-sky-1: #1ea0f5, #0082dc; -$polaris-bg-sky-box-sets: #7F0C2D, #5B1139; -$polaris-bg-sky-account: #197BC9, #135FA0; -$polaris-bg-sky-store: #0E429E, #003366; -$polaris-bg-default-dark: #FFFFFF, #B3B3B3; +$gradient-to-top: to top, 90deg; +$gradient-to-right: to right, to right; +$gradient-to-left: to left, to left; + +$polaris-bg-default: ($gradient-to-top), (#FFFFFF, #E1E0E4, #FFFFFF); +$polaris-bg-sky-atlantic: ($gradient-to-top), (#005aaf, #003c7d); +$polaris-bg-sky-living: ($gradient-to-top), (#69a0b4, #69879b); +$polaris-bg-sky-sports: ($gradient-to-top), (#132774, #041456); +$polaris-bg-sky-movies: ($gradient-to-top), (#8F2679, #67135A); +$polaris-bg-sky-arts: ($gradient-to-top), (#fa5569, #fa0050); +$polaris-bg-sky-news: ($gradient-to-top), (#153073, #061B55); +$polaris-bg-sky-1: ($gradient-to-top), (#1ea0f5, #0082dc); +$polaris-bg-sky-box-sets: ($gradient-to-top), (#7F0C2D, #5B1139); +$polaris-bg-sky-account: ($gradient-to-top), (#197BC9, #135FA0); +$polaris-bg-sky-store: ($gradient-to-top), (#0E429E, #003366); +$polaris-bg-default-dark: ($gradient-to-top), (#FFFFFF, #B3B3B3); +$polaris-main: ($gradient-to-left), (#e1e1e6, #e5e5ea 13%, #ffffff 50%, #e5e5ea 86%, #e1e1e6); \ No newline at end of file diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index 15f335b..adc011e 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -1,7 +1,7 @@ @mixin page-background-gradient($info) { - background-color: nth($info, length($info)); - background-image: linear-gradient(to top, nth($info, 1), nth($info, 2)); - background-image: -webkit-linear-gradient(90deg, nth($info, 1), nth($info, 2)); + background-color: nth(nth($info, 2), length(nth($info, 2))); + background-image: -webkit-linear-gradient(nth(nth($info, 1), 2), nth($info, 2)); + background-image: linear-gradient(nth(nth($info, 1), 1), nth($info, 2)); } @mixin mobile { diff --git a/src/styles/gradients.scss b/src/styles/gradients.scss index d9ba6ac..f2a642f 100644 --- a/src/styles/gradients.scss +++ b/src/styles/gradients.scss @@ -63,6 +63,11 @@ @include page-background-gradient($polaris-bg-sky-store); } +.polaris-main { + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3NSUiPg0KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+DQo8L3N2Zz4=); + @include page-background-gradient($polaris-main); +} + .polaris-bg-section { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjYzljN2QxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); From f834fdbbc9382bb8664306119a1c3379676f3d48 Mon Sep 17 00:00:00 2001 From: Jimi Ogunyomi Date: Wed, 13 Apr 2016 10:41:49 +0100 Subject: [PATCH 4/8] updated svg encodings to linear gradients --- src/styles/_constants.scss | 31 +++++++++++++++---------------- src/styles/_mixins.scss | 4 ++-- src/styles/gradients.scss | 26 +++++++++++++------------- 3 files changed, 30 insertions(+), 31 deletions(-) diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss index 5df9385..67e9250 100644 --- a/src/styles/_constants.scss +++ b/src/styles/_constants.scss @@ -1,17 +1,16 @@ -$gradient-to-top: to top, 90deg; -$gradient-to-right: to right, to right; -$gradient-to-left: to left, to left; +$gradient-vertical: to top; +$gradient-horizontal: to left; -$polaris-bg-default: ($gradient-to-top), (#FFFFFF, #E1E0E4, #FFFFFF); -$polaris-bg-sky-atlantic: ($gradient-to-top), (#005aaf, #003c7d); -$polaris-bg-sky-living: ($gradient-to-top), (#69a0b4, #69879b); -$polaris-bg-sky-sports: ($gradient-to-top), (#132774, #041456); -$polaris-bg-sky-movies: ($gradient-to-top), (#8F2679, #67135A); -$polaris-bg-sky-arts: ($gradient-to-top), (#fa5569, #fa0050); -$polaris-bg-sky-news: ($gradient-to-top), (#153073, #061B55); -$polaris-bg-sky-1: ($gradient-to-top), (#1ea0f5, #0082dc); -$polaris-bg-sky-box-sets: ($gradient-to-top), (#7F0C2D, #5B1139); -$polaris-bg-sky-account: ($gradient-to-top), (#197BC9, #135FA0); -$polaris-bg-sky-store: ($gradient-to-top), (#0E429E, #003366); -$polaris-bg-default-dark: ($gradient-to-top), (#FFFFFF, #B3B3B3); -$polaris-main: ($gradient-to-left), (#e1e1e6, #e5e5ea 13%, #ffffff 50%, #e5e5ea 86%, #e1e1e6); \ No newline at end of file +$polaris-bg-default: $gradient-vertical, (#FFFFFF, #E1E0E4, #FFFFFF); +$polaris-bg-sky-atlantic: $gradient-vertical, (#005aaf, #003c7d); +$polaris-bg-sky-living: $gradient-vertical, (#69a0b4, #69879b); +$polaris-bg-sky-sports: $gradient-vertical, (#132774, #041456); +$polaris-bg-sky-movies: $gradient-vertical, (#8F2679, #67135A); +$polaris-bg-sky-arts: $gradient-vertical, (#fa5569, #fa0050); +$polaris-bg-sky-news: $gradient-vertical, (#153073, #061B55); +$polaris-bg-sky-1: $gradient-vertical, (#1ea0f5, #0082dc); +$polaris-bg-sky-box-sets: $gradient-vertical, (#7F0C2D, #5B1139); +$polaris-bg-sky-account: $gradient-vertical, (#197BC9, #135FA0); +$polaris-bg-sky-store: $gradient-vertical, (#0E429E, #003366); +$polaris-bg-default-dark: $gradient-vertical, (#FFFFFF, #B3B3B3); +$polaris-main: $gradient-horizontal, (#e1e1e6, #e5e5ea 13%, #ffffff 50%, #e5e5ea 86%, #e1e1e6); \ No newline at end of file diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index adc011e..538a792 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -1,7 +1,7 @@ @mixin page-background-gradient($info) { background-color: nth(nth($info, 2), length(nth($info, 2))); - background-image: -webkit-linear-gradient(nth(nth($info, 1), 2), nth($info, 2)); - background-image: linear-gradient(nth(nth($info, 1), 1), nth($info, 2)); + background-image: -webkit-linear-gradient(nth($info, 1), nth($info, 2)); + background-image: linear-gradient(nth($info, 1), nth($info, 2)); } @mixin mobile { diff --git a/src/styles/gradients.scss b/src/styles/gradients.scss index f2a642f..109b73b 100644 --- a/src/styles/gradients.scss +++ b/src/styles/gradients.scss @@ -4,67 +4,67 @@ // Generate fallback SVG from http://www.colorzilla.com/gradient-editor/ .polaris-bg-default { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMGU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+DQo8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjRTFFMEU0Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-default); } .polaris-bg-default-dark { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjNiM2IzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCM0IzQjMiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-default-dark); } .polaris-bg-sky-atlantic { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MDkwYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTk0ZjczIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMDA1YWFmIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDNjN2QiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-atlantic); } .polaris-bg-sky-living { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5NmE4YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzY4ZDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjNjlhMGI0Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OTg3OWIiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-living); } .polaris-bg-sky-sports { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMzI3NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDQxNDU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMTMyNzc0Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNDE0NTYiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-sports); } .polaris-bg-sky-movies { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4ZjI2NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjcxMzVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjOEYyNjc5Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NzEzNUEiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-movies); } .polaris-bg-sky-arts { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYzAwMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDgwNTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjZmE1NTY5Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmYTAwNTAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-arts); } .polaris-bg-sky-news { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNTMwNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDYxYjU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMTUzMDczIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjFCNTUiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-news); } .polaris-bg-sky-1 { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwZDc3YmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA1MzkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMWVhMGY1Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDgyZGMiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-1); } .polaris-bg-sky-box-sets { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZjBjMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNWIxMTM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjN0YwQzJEIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QjExMzkiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-box-sets); } .polaris-bg-sky-account { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxOTdiYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTM1ZmEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMTk3QkM5Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMzVGQTAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-account); } .polaris-bg-sky-store { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxOTdiYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTM1ZmEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMEU0MjlFIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDMzNjYiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-store); } .polaris-main { - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3NSUiPg0KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+DQo8L3N2Zz4=); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjZTFlMWU2Ii8+DQo8c3RvcCBvZmZzZXQ9Ii4xMyIgc3RvcC1jb2xvcj0iI2U1ZTVlYSIvPg0KPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPg0KPHN0b3Agb2Zmc2V0PSIuODYiIHN0b3AtY29sb3I9IiNlNWU1ZWEiLz4NCjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2UxZTFlNiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIi8+DQo8L3N2Zz4=+DQo8L3N2Zz4=); @include page-background-gradient($polaris-main); } From 7a3a37030ee2741a32c563762c49873c0d34fcc5 Mon Sep 17 00:00:00 2001 From: Jo Date: Thu, 14 Apr 2016 08:52:39 +0100 Subject: [PATCH 5/8] ents rebrand colours for tile hover updated --- src/styles/_constants.scss | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss index 302630d..43065d0 100644 --- a/src/styles/_constants.scss +++ b/src/styles/_constants.scss @@ -1,13 +1,12 @@ -$polaris-bg-default: #FFFFFF, #E1E0E4, #FFFFFF; -$polaris-bg-sky-atlantic: #5090B8, #194F73; -$polaris-bg-sky-living: #96A8B5, #768D9D; -$polaris-bg-sky-sports: #132774, #041456; -$polaris-bg-sky-movies: #8F2679, #67135A; -$polaris-bg-sky-arts: #EC0015, #48055B; -$polaris-bg-sky-news: #153073, #061B55; -$polaris-bg-sky-1: #0D77BD, #005392; -$polaris-bg-sky-box-sets: #7F0C2D, #5B1139; -$polaris-bg-sky-account: #197BC9, #135FA0; -$polaris-bg-sky-store: #0E429E, #003366; -$polaris-bg-sky-kids: #652D9F, #4B007E; -$polaris-bg-default-dark: #FFFFFF, #B3B3B3; +$polaris-bg-default: $gradient-vertical, (#FFFFFF, #E1E0E4, #FFFFFF); +$polaris-bg-sky-atlantic: $gradient-vertical, (#005aaf, #003c7d); +$polaris-bg-sky-living: $gradient-vertical, (#69a0b4, #69879b); +$polaris-bg-sky-sports: $gradient-vertical, (#132774, #041456); +$polaris-bg-sky-movies: $gradient-vertical, (#8F2679, #67135A); +$polaris-bg-sky-arts: $gradient-vertical, (#fa5569, #fa0050); +$polaris-bg-sky-news: $gradient-vertical, (#153073, #061B55); +$polaris-bg-sky-1: $gradient-vertical, (#1ea0f5, #0082dc); +$polaris-bg-sky-box-sets: $gradient-vertical, (#7F0C2D, #5B1139); +$polaris-bg-sky-account: $gradient-vertical, (#197BC9, #135FA0); +$polaris-bg-sky-store: $gradient-vertical, (#0E429E, #003366); +$polaris-bg-default-dark: $gradient-vertical, (#FFFFFF, #B3B3B3); From aa68c3018e1e4e4f305e32beab99d3e60eb1c51e Mon Sep 17 00:00:00 2001 From: Jimi Ogunyomi Date: Thu, 14 Apr 2016 12:33:31 +0100 Subject: [PATCH 6/8] removed polaris-main --- src/styles/_constants.scss | 4 ++-- src/styles/gradients.scss | 5 ----- 2 files changed, 2 insertions(+), 7 deletions(-) diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss index 67e9250..09ada36 100644 --- a/src/styles/_constants.scss +++ b/src/styles/_constants.scss @@ -12,5 +12,5 @@ $polaris-bg-sky-1: $gradient-vertical, (#1ea0f5, #0082dc); $polaris-bg-sky-box-sets: $gradient-vertical, (#7F0C2D, #5B1139); $polaris-bg-sky-account: $gradient-vertical, (#197BC9, #135FA0); $polaris-bg-sky-store: $gradient-vertical, (#0E429E, #003366); -$polaris-bg-default-dark: $gradient-vertical, (#FFFFFF, #B3B3B3); -$polaris-main: $gradient-horizontal, (#e1e1e6, #e5e5ea 13%, #ffffff 50%, #e5e5ea 86%, #e1e1e6); \ No newline at end of file +$polaris-bg-sky-kids: $gradient-vertical, (#652D9F, #4B007E); +$polaris-bg-default-dark: $gradient-vertical, (#FFFFFF, #B3B3B3); \ No newline at end of file diff --git a/src/styles/gradients.scss b/src/styles/gradients.scss index 109b73b..d19a331 100644 --- a/src/styles/gradients.scss +++ b/src/styles/gradients.scss @@ -63,11 +63,6 @@ @include page-background-gradient($polaris-bg-sky-store); } -.polaris-main { - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjZTFlMWU2Ii8+DQo8c3RvcCBvZmZzZXQ9Ii4xMyIgc3RvcC1jb2xvcj0iI2U1ZTVlYSIvPg0KPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPg0KPHN0b3Agb2Zmc2V0PSIuODYiIHN0b3AtY29sb3I9IiNlNWU1ZWEiLz4NCjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2UxZTFlNiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIi8+DQo8L3N2Zz4=+DQo8L3N2Zz4=); - @include page-background-gradient($polaris-main); -} - .polaris-bg-section { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjYzljN2QxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); From 5fa0cda09d1dbc71bd5dac8ad1a43c53b6783985 Mon Sep 17 00:00:00 2001 From: Jimi Ogunyomi Date: Thu, 14 Apr 2016 12:35:37 +0100 Subject: [PATCH 7/8] re-added sky kids --- src/styles/gradients.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/styles/gradients.scss b/src/styles/gradients.scss index d19a331..9105d69 100644 --- a/src/styles/gradients.scss +++ b/src/styles/gradients.scss @@ -63,6 +63,11 @@ @include page-background-gradient($polaris-bg-sky-store); } +.polaris-bg-sky-kids { + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc5ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNjUyRDlGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNEIwMDdFIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2c5ODMpIiAvPgo8L3N2Zz4=); + @include page-background-gradient($polaris-bg-sky-kids); +} + .polaris-bg-section { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZTVlNWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjYzljN2QxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); From 35806e31fd9e6872431777dae11ccb91faa4309f Mon Sep 17 00:00:00 2001 From: Jimi Ogunyomi Date: Thu, 14 Apr 2016 14:00:12 +0100 Subject: [PATCH 8/8] svg linear gradient for sky-kids --- src/styles/gradients.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/gradients.scss b/src/styles/gradients.scss index 9105d69..a48f099 100644 --- a/src/styles/gradients.scss +++ b/src/styles/gradients.scss @@ -64,7 +64,7 @@ } .polaris-bg-sky-kids { - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc5ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNjUyRDlGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNEIwMDdFIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2c5ODMpIiAvPgo8L3N2Zz4=); + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSIzMDBweCI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIHgxPSIxMDAlIiB5MT0iMTAwJSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjNjUyRDlGIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0QjAwN0UiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPg0KPC9zdmc+); @include page-background-gradient($polaris-bg-sky-kids); }