Updates for angular compatibility

Author: davereed

src/packages/sds-styles/hero.scss

@@ -1,21 +1,30 @@
-//@use "../theme/settings" as general;
-//@use "uswds-core" as *;
-//$theme-sam-hero-image: "#{$theme-image-path}/landing-hero.jpg" !default;
+@use "uswds-core" as *;
+@use "src/packages/theme/variables" as *;
+
+@mixin adjust-responsive-site-margins {
+  margin-left: -(units($theme-site-margins-mobile-width));
+  margin-right: -(units($theme-site-margins-mobile-width));
+  padding-left: (units($theme-site-margins-mobile-width));
+  padding-right: (units($theme-site-margins-mobile-width));
+
+  @include at-media($theme-site-margins-breakpoint) {
+      margin-left: -(units($theme-site-margins-width));
+      margin-right: -(units($theme-site-margins-width));
+      padding-left: (units($theme-site-margins-width));
+      padding-right: (units($theme-site-margins-width));
+  }
+}
+
 
 .sds-hero {
     @include u-height('full');
     background-position: 100% 100%;
     background-repeat: no-repeat;
-    @include sam.adjust-responsive-site-margins;
+    @include adjust-responsive-site-margins;
     @include u-padding-y(4);
 
     &--image{
-      //background: ('/landing-hero.png');
-      background: url('../src/packages/images/landing-hero.png'); 
-      //background-image: url("#{general.$theme-sam-image-path}/landing-hero.png");
-      // Hero
-      //$theme-hero-image: "#{$theme-image-path}/hero.jpg" !default;
-
+      background-image: url("#{$sam-image-path}/landing-hero.png");
     }
   }
   .sds-hero .sds-seal {

src/packages/theme/settings.scss

@@ -1,7 +1,11 @@
+
+$sam-font-path: "../node_modules/@uswds/uswds/dist/fonts" !default;
+$sam-image-path: "../node_modules/@uswds/uswds/dist/img" !default;
+
 @use "uswds-core" with (
 
-    $theme-font-path: "../node_modules/@uswds/uswds/dist/fonts",
-    $theme-image-path: "../node_modules/@uswds/uswds/dist/img",
+$theme-font-path: $sam-font-path,
+$theme-image-path: $sam-image-path,
 
 /*
 ----------------------------------------
@@ -189,19 +193,3 @@ Values
     $margin-palettes: ('palette-units-em','palette-margin-default'),
 
 );
-
-$theme-sam-image-path: "../src/packages/images" !default;
-
-@mixin adjust-responsive-site-margins {
-    margin-left: -(units($theme-site-margins-mobile-width));
-    margin-right: -(units($theme-site-margins-mobile-width));
-    padding-left: (units($theme-site-margins-mobile-width));
-    padding-right: (units($theme-site-margins-mobile-width));
-
-    @include at-media($theme-site-margins-breakpoint) {
-        margin-left: -(units($theme-site-margins-width));
-        margin-right: -(units($theme-site-margins-width));
-        padding-left: (units($theme-site-margins-width));
-        padding-right: (units($theme-site-margins-width));
-    }
-}

src/packages/theme/variables.scss

@@ -0,0 +1 @@
+$sam-image-path: "../src/packages/images" !default;