diff --git a/app/assets/images/cross-grey-16px.png b/app/assets/images/cross-grey-16px.png new file mode 100644 index 000000000..76b609c60 Binary files /dev/null and b/app/assets/images/cross-grey-16px.png differ diff --git a/app/assets/images/tick-16px.png b/app/assets/images/tick-16px.png new file mode 100644 index 000000000..3679ae53f Binary files /dev/null and b/app/assets/images/tick-16px.png differ diff --git a/app/assets/images/tick-white-16px.png b/app/assets/images/tick-white-16px.png new file mode 100644 index 000000000..e743f0a8d Binary files /dev/null and b/app/assets/images/tick-white-16px.png differ diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss index 7a976c6c3..512841dee 100644 --- a/app/assets/stylesheets/components/banner.scss +++ b/app/assets/stylesheets/components/banner.scss @@ -30,6 +30,9 @@ .banner-with-tick { padding: $gutter-half ($gutter + $gutter-half); background-image: file-url('tick-white.png'); + @include ie-lte(8) { + background-image: file-url('tick-white-16px.png'); + } background-size: 19px; background-repeat: no-repeat; background-position: $gutter-half $gutter-half; diff --git a/app/assets/stylesheets/components/tick-cross.scss b/app/assets/stylesheets/components/tick-cross.scss index a44aa023c..b3a90660a 100644 --- a/app/assets/stylesheets/components/tick-cross.scss +++ b/app/assets/stylesheets/components/tick-cross.scss @@ -1,23 +1,41 @@ %tick-cross { + @include core-16; display: inline-block; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 0 25px; + + @include ie-lte(8) { + background-position: 0 3px; + } + } .tick-cross { &-tick { + @extend %tick-cross; background-image: file-url('tick.png'); + + @include ie-lte(8) { + background-image: file-url('tick-16px.png'); + } + } &-cross { + @extend %tick-cross; - background-image: file-url('cross-grey.png'); color: $secondary-text-colour; + background-image: file-url('cross-grey.png'); + + @include ie-lte(8) { + background-image: file-url('cross-grey-16px.png'); + } + } &-list {