From bfe37a1562c4fc424a0d504d2c729cabee533784 Mon Sep 17 00:00:00 2001 From: Janne Julkunen Date: Tue, 19 Dec 2017 17:31:49 +0200 Subject: [PATCH] Better default styles for the component --- src/lib/quill.component.scss | 50 ++++++++++++++++++------------------ 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/src/lib/quill.component.scss b/src/lib/quill.component.scss index 651480f..496bf6a 100644 --- a/src/lib/quill.component.scss +++ b/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; } } }