refactoring

PScottZero · Aug 19, 2023 · dbe5fe3 · dbe5fe3
1 parent 23d4134
commit dbe5fe3
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 23 deletions.
diff --git a/src/app/components/content/content.component.scss b/src/app/components/content/content.component.scss
@@ -20,26 +20,3 @@
   width: 100%;
   height: 100%;
 }
-
-app-item {
-  position: relative;
-  box-sizing: border-box;
-  line-height: 1.5;
-  margin: $item-margin;
-  border-radius: $border-radius;
-  overflow: hidden;
-  box-shadow: $box-shadow;
-
-  @include largerThanPhone {
-    flex: 33%;
-    max-width: calc(33% - ($item-margin * 2));
-    height: calc(min(33rem, 33vw) / $item-aspect-ratio);
-  }
-
-  @include phone {
-    flex: 100%;
-    max-width: 100%;
-    height: calc(100vw / $item-aspect-ratio-mobile);
-    margin: 0.5rem 0;
-  }
-}
diff --git a/src/app/components/item/item.component.scss b/src/app/components/item/item.component.scss
@@ -1,6 +1,29 @@
 @import '../../styles/variables.scss';
 @import '../../styles/mixins.scss';
 
+:host {
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+  margin: $item-margin;
+  border-radius: $border-radius;
+  overflow: hidden;
+  box-shadow: $box-shadow;
+
+  @include largerThanPhone {
+    flex: 33%;
+    max-width: calc(33% - ($item-margin * 2));
+    height: calc(min(33rem, 33vw) / $item-aspect-ratio);
+  }
+
+  @include phone {
+    flex: 100%;
+    max-width: 100%;
+    height: calc(100vw / $item-aspect-ratio-mobile);
+    margin: 0.5rem 0;
+  }
+}
+
 h1 {
   font-size: $font-medium;
   font-weight: normal;