From 407528bd9481582bffb4d9e2b44d342e507b23d0 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Mon, 18 Apr 2022 16:32:35 -0400 Subject: [PATCH] Don't embed base64 images 4+MB down to 17kb CSS file. Images are only ~1.7MB. They were very bloated as base64 --- themes/assets/assets.less | 46 +++++++++++++++++++-------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/themes/assets/assets.less b/themes/assets/assets.less index 31acfbfad..7df5db0f6 100644 --- a/themes/assets/assets.less +++ b/themes/assets/assets.less @@ -1,26 +1,26 @@ // PHB -@footerAccentImage : data-uri('./themes/assets/PHB_footerAccent.png'); -@frameBorderImage : data-uri('./themes/assets/frameBorder.png'); -@backgroundImage : data-uri('./themes/assets/parchmentBackground.jpg'); -@redTriangleImage : data-uri('./themes/assets/redTriangle.png'); -@monsterBorderImageLegacy : data-uri('./themes/assets/monsterBorderLegacy.png'); -@noteBorderImage : data-uri('./themes/assets/noteBorder.png'); -@descriptiveBoxImage : data-uri('./themes/assets/descriptiveBorder.png'); -@monsterBlockBackground : data-uri('./themes/assets/parchmentBackgroundGrayscale.jpg'); -@monsterBorderImage : data-uri('./themes/assets/monsterBorderFancy.png'); -@codeBorderImage : data-uri('./themes/assets/codeBorder.png'); -@classTableDecoration : data-uri('./themes/assets/classTableDecoration.png'); +@footerAccentImage : url('/assets/PHB_footerAccent.png'); +@frameBorderImage : url('/assets/frameBorder.png'); +@backgroundImage : url('/assets/parchmentBackground.jpg'); +@redTriangleImage : url('/assets/redTriangle.png'); +@monsterBorderImageLegacy : url('/assets/monsterBorderLegacy.png'); +@noteBorderImage : url('/assets/noteBorder.png'); +@descriptiveBoxImage : url('/assets/descriptiveBorder.png'); +@monsterBlockBackground : url('/assets/parchmentBackgroundGrayscale.jpg'); +@monsterBorderImage : url('/assets/monsterBorderFancy.png'); +@codeBorderImage : url('/assets/codeBorder.png'); +@classTableDecoration : url('/assets/classTableDecoration.png'); // Watercolor Images -@watercolor1 : data-uri('./themes/assets/watercolor/watercolor1.png'); -@watercolor2 : data-uri('./themes/assets/watercolor/watercolor2.png'); -@watercolor3 : data-uri('./themes/assets/watercolor/watercolor3.png'); -@watercolor4 : data-uri('./themes/assets/watercolor/watercolor4.png'); -@watercolor5 : data-uri('./themes/assets/watercolor/watercolor5.png'); -@watercolor6 : data-uri('./themes/assets/watercolor/watercolor6.png'); -@watercolor7 : data-uri('./themes/assets/watercolor/watercolor7.png'); -@watercolor8 : data-uri('./themes/assets/watercolor/watercolor8.png'); -@watercolor9 : data-uri('./themes/assets/watercolor/watercolor9.png'); -@watercolor10 : data-uri('./themes/assets/watercolor/watercolor10.png'); -@watercolor11 : data-uri('./themes/assets/watercolor/watercolor11.png'); -@watercolor12 : data-uri('./themes/assets/watercolor/watercolor12.png'); +@watercolor1 : url('/assets/watercolor/watercolor1.png'); +@watercolor2 : url('/assets/watercolor/watercolor2.png'); +@watercolor3 : url('/assets/watercolor/watercolor3.png'); +@watercolor4 : url('/assets/watercolor/watercolor4.png'); +@watercolor5 : url('/assets/watercolor/watercolor5.png'); +@watercolor6 : url('/assets/watercolor/watercolor6.png'); +@watercolor7 : url('/assets/watercolor/watercolor7.png'); +@watercolor8 : url('/assets/watercolor/watercolor8.png'); +@watercolor9 : url('/assets/watercolor/watercolor9.png'); +@watercolor10 : url('/assets/watercolor/watercolor10.png'); +@watercolor11 : url('/assets/watercolor/watercolor11.png'); +@watercolor12 : url('/assets/watercolor/watercolor12.png');