X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/20b9b567165ee10532a441f809a2a718b5b5e570..7263e5132059abc0e93deac2175db475f90e7617:/src/editor/modules/documentCanvas/nodes.less diff --git a/src/editor/modules/documentCanvas/nodes.less b/src/editor/modules/documentCanvas/nodes.less index ab26442..d33ea00 100644 --- a/src/editor/modules/documentCanvas/nodes.less +++ b/src/editor/modules/documentCanvas/nodes.less @@ -1,14 +1,12 @@ [document-text-element] { font-size: 14px; display: inline; - margin: 0 1px; - border: 1px solid white; white-space: pre-wrap; } [wlxml-tag] { float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */ - border-color: white; + border-color: transparent; border-style:solid; border-width:1px; min-height:20px; @@ -17,6 +15,11 @@ padding: 1px 1px; } +[wlxml-tag="span"] { + padding: 0; + border: none; +} + [wlxml-tag=span] { min-width: 10px; } @@ -32,10 +35,6 @@ margin-bottom: 10px; } -[wlxml-tag=section] [wlxml-tag=section] { - margin-left:10px; -} - [wlxml-class|="cite"] { font-style: italic; } @@ -56,29 +55,38 @@ font-size:18px; } -[wlxml-class|="uri"] { - color: blue; - text-decoration: underline; +[wlxml-class="comment"] { + background-color: #96e0e4; + border: 1px solid black; + border-radius: 10px; + padding: 20px 10px 10px 10px; } -[wlxml-class|="p"] { - text-indent: 1.5em; +[wlxml-class|="link"] { + color: blue; + text-decoration: underline; } -[wlxml-class|="emph-tech"] { - font-style: italic; +[wlxml-class|="emp"] { + font-weight: bold; } [wlxml-tag=metadata] { display:none; } -[wlxml-class="list"] { +[wlxml-class|="list"] { + - [wlxml-class="item"] { - display: list-item; + > * > [wlxml-class|="item"] { margin-left: 10px; padding-left: 5px; + + &:before { + content: '\2022'; + margin-right:10px; + padding-right:10px; + } } } @@ -93,7 +101,7 @@ counter-reset: myitem; - > [wlxml-class="item"] { + > * > [wlxml-class="item"] { counter-increment: myitem; margin-left: 10px; padding-left: 5px; @@ -131,7 +139,14 @@ } +[wlxml-class="img"] { + background-repeat: no-repeat; + background-size: auto 100%; + height: 100px; + background-position: 50%; +} + [wlxml-tag="aside"] { margin-top: 10px; margin-bottom: 10px; -} \ No newline at end of file +}