Better default styles for the component

src/lib/quill.component.scss

@@ -1,39 +1,39 @@
 @import url('https://cdn.quilljs.com/1.3.3/quill.snow.css');
 @import url('https://cdn.quilljs.com/1.3.3/quill.bubble.css');
 
-quill {
-  /* stylelint-disable */
+.quill {
+  display: block;
+  width: 100%;
+  height: 100%;
+
+  & > .ql-toolbar {
+    & > .ql-formats {
+      margin-right: 12px;
+    }
+  }
+
   &[fxflex] {
     display: flex;
     flex-direction: inherit;
-    -webkit-box-orient: inherit;
-    -webkit-box-direction: inherit;
+    align-items: inherit;
     min-width: 0;
     min-height: 0;
 
-    &.quill {
-      & > .ql-toolbar {
-        flex: 0 0 auto;
-        -ms-flex: 0 0 auto;
-        -webkit-box-flex: 0;
-      }
-
-      & > .ql-container {
-        flex: 1 1 auto;
-        -ms-flex: 1 1 auto;
-        -webkit-box-flex: 1;
-        min-width: 0;
-        min-height: 0;
-      }
-    }
-  }
-  /* stylelint-enable */
+    -webkit-box-direction: inherit;
+    -webkit-box-orient: inherit;
 
-  &.quill {
     & > .ql-toolbar {
-      & > .ql-formats {
-        margin-right: 12px;
-      }
+      flex: 0 0 auto;
+
+      -webkit-box-flex: 0;
+    }
+
+    & > .ql-container {
+      flex: 1 1 auto;
+      min-width: 0;
+      min-height: 0;
+
+      -webkit-box-flex: 1;
     }
   }
 }