Merge pull request #9 from open-template-hub/develop

Release/updated assets

Author: furknyavuz

package.json

@@ -35,7 +35,7 @@
     "karma-coverage": "~2.1.0",
     "karma-jasmine": "^4.0.2",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^13.0.0",
+    "ng-packagr": "^13.3.1",
     "typescript": "^4.6.3"
   }
 }

projects/hero/ng-package.json

@@ -3,5 +3,9 @@
   "dest": "../../dist/hero",
   "lib": {
     "entryFile": "src/public-api.ts"
-  }
-}
+  },
+  "assets": [
+    "styles/util/util.scss",
+    "styles/hero/hero.scss"
+  ]
+}

projects/hero/src/lib/component/hero/hero.component.scss

@@ -1,75 +1 @@
-@use '../../styles/util/util';
-
-.hero {
-  padding-top: 80px;
-
-  &.no-padding {
-    padding-top: 0;
-  }
-
-  & .body {
-    @include util.flex-layout-column;
-
-    position: relative;
-
-    text-align: center;
-    align-items: center;
-
-    & .contents {
-      display: flex;
-    }
-  }
-}
-
-@media only screen and (max-width: 999px) {
-  .hero {
-    & .body {
-      & .contents {
-        @include util.flex-layout-column;
-
-        & > * {
-          @include util.flex-layout-column;
-          @include util.card-width-sm;
-          margin-bottom: 20px;
-        }
-
-        & img {
-          min-width: initial;
-          width: initial;
-          max-width: initial;
-        }
-      }
-    }
-  }
-}
-
-@media only screen and (min-width: 1000px) {
-  .hero {
-
-    & .body {
-      padding-bottom: 50px;
-
-      & .contents {
-        flex-direction: column;
-        max-width: 800px;
-
-        & > * {
-          flex-direction: column;
-          margin-bottom: 30px;
-        }
-      }
-    }
-
-    &.no-padding {
-      & .body {
-        padding-bottom: 0;
-
-        & .contents {
-          & > * {
-            margin-bottom: 0;
-          }
-        }
-      }
-    }
-  }
-}
+@use '../../../../styles/hero/hero';

projects/hero/styles/hero/hero.scss

@@ -0,0 +1,75 @@
+@use '../util/util';
+
+.hero {
+  padding-top: 80px;
+
+  &.no-padding {
+    padding-top: 0;
+  }
+
+  & .body {
+    @include util.flex-layout-column;
+
+    position: relative;
+
+    text-align: center;
+    align-items: center;
+
+    & .contents {
+      display: flex;
+    }
+  }
+}
+
+@media only screen and (max-width: 999px) {
+  .hero {
+    & .body {
+      & .contents {
+        @include util.flex-layout-column;
+
+        & > * {
+          @include util.flex-layout-column;
+          @include util.card-width-sm;
+          margin-bottom: 20px;
+        }
+
+        & img {
+          min-width: initial;
+          width: initial;
+          max-width: initial;
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: 1000px) {
+  .hero {
+
+    & .body {
+      padding-bottom: 50px;
+
+      & .contents {
+        flex-direction: column;
+        max-width: 800px;
+
+        & > * {
+          flex-direction: column;
+          margin-bottom: 30px;
+        }
+      }
+    }
+
+    &.no-padding {
+      & .body {
+        padding-bottom: 0;
+
+        & .contents {
+          & > * {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+}