docs: fix relative path for css images

ngrx · Apr 7, 2020 · 483828a · 483828a
1 parent 337824a
commit 483828a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/projects/ngrx.io/src/styles/1-layouts/_homepage.scss b/projects/ngrx.io/src/styles/1-layouts/_homepage.scss
@@ -13,7 +13,7 @@ aio-shell.page-home {
   }
 
   header {
-    background-image: url('/assets/images/header.svg');
+    background-image: url('~/assets/images/header.svg');
     background-size: cover;
     background-position: center center;
     height: 80vh;
@@ -163,7 +163,7 @@ aio-shell.page-home {
   }
 
   .final-ngrx-callout {
-    background-image: url('/assets/images/header.svg');
+    background-image: url('~/assets/images/header.svg');
     background-size: cover;
     background-position: bottom center;
     height: 180px;

diff --git a/projects/ngrx.io/src/styles/1-layouts/_marketing-layout.scss b/projects/ngrx.io/src/styles/1-layouts/_marketing-layout.scss
@@ -34,7 +34,7 @@
 }
 
 .homepage-header {
-  background: url('assets/images/banner.svg');
+  background: url('~/assets/images/banner.svg');
   background-size: 100%;
 }
 

diff --git a/projects/ngrx.io/src/styles/2-modules/_buttons.scss b/projects/ngrx.io/src/styles/2-modules/_buttons.scss
@@ -71,13 +71,13 @@ a.button.mat-button {
   &.button-shield,
   &.button-shield.mat-button {
     background-color: $purple;
-    background: $purple url('assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
+    background: $purple url('~/assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
     color: rgba($white, .87);
     padding-left: 54px;
     background-size: 22px 22px;
 
     @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
-      background: $purple url('assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
+      background: $purple url('~/assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
       background-size: 22px 22px;
 
     }