From 1150402f38c153a61fd873d8d078de5a9ec1b005 Mon Sep 17 00:00:00 2001
From: Jon Kirwan <87758239+jon-kirwan@users.noreply.github.com>
Date: Mon, 6 Nov 2023 14:17:02 +0000
Subject: [PATCH] Replace `image-url` asset helper instances

Replace instances with CSS url() function. See https://github.com/rails/dartsass-rails/issues/18.

Co-Authored-By: Martin Jones <28779939+MartinJJones@users.noreply.github.com>
---
 app/assets/stylesheets/components/_subscribe.scss | 4 ++--
 app/assets/stylesheets/views/_calendars.scss      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/components/_subscribe.scss b/app/assets/stylesheets/components/_subscribe.scss
index eb458b7c6f..a66b84488e 100644
--- a/app/assets/stylesheets/components/_subscribe.scss
+++ b/app/assets/stylesheets/components/_subscribe.scss
@@ -10,12 +10,12 @@
   @include govuk-font($size: 19, $weight: bold);
 
   display: block;
-  background: image-url("calendars/icon-calendar.png") no-repeat scroll 0 0;
+  background: url("calendars/icon-calendar.png") no-repeat scroll 0 0;
   min-height: 2.5em;
   padding: 0 0 0 3em;
 
   @include govuk-device-pixel-ratio {
-    background-image: image-url("calendars/icon-calendar-2x.png");
+    background-image: url("calendars/icon-calendar-2x.png");
     background-size: 29px 24px;
   }
 }
diff --git a/app/assets/stylesheets/views/_calendars.scss b/app/assets/stylesheets/views/_calendars.scss
index 01e4f53a9c..4b5974446b 100644
--- a/app/assets/stylesheets/views/_calendars.scss
+++ b/app/assets/stylesheets/views/_calendars.scss
@@ -18,7 +18,7 @@
 }
 
 .app-bunting__triangles {
-  background-image: image-url("calendars/bunting-grey-string.svg");
+  background-image: url("calendars/bunting-grey-string.svg");
   background-color: transparent;
   background-repeat: repeat-x;
   background-position: center center;
@@ -38,7 +38,7 @@
 }
 
 .app-bunting__tinsel {
-  background-image: image-url("calendars/tinsel.png");
+  background-image: url("calendars/tinsel.png");
   background-color: transparent;
   background-repeat: repeat-x;
   background-position: center top;