fix: CSS syntax error

Styles are evaluated as CSS and broke the whole app... 😅

Author: maxime1992

src/components/ngx-hover-opacity.component.ts

@@ -24,24 +24,22 @@ export interface INgxHoverOpacityComponentCustomStyle {
   `,
   styles: [
     `
-      ngx-hover-opacity {
-        .content {
-          position: relative;
+      ngx-hover-opacity .content {
+        position: relative;
+      }
 
-          &.is-full-height {
-            min-height: 100%;
-          }
-        }
+      ngx-hover-opacity .content.is-full-height {
+        min-height: 100%;
+      }
 
-        .hover {
-          position: absolute;
-          background-color: rgba(255, 255, 255, 0.6);
-          z-index: 1;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-        }
+      ngx-hover-opacity .hover {
+        position: absolute;
+        background-color: rgba(255, 255, 255, 0.6);
+        z-index: 1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
       }
     `,
   ],