X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/efe36f4f1b5df351eeb4d40a54c3900cf9a7079b..215b225:/src/editor/modules/documentCanvas/nodes.less diff --git a/src/editor/modules/documentCanvas/nodes.less b/src/editor/modules/documentCanvas/nodes.less index d02e872..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,44 +55,53 @@ 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-items"] { +[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; + } } } [wlxml-class="item"] { - [wlxml-class="list-items"] { + [wlxml-class="list"] { display: block; } } -[wlxml-class="list-items-enum"] { +[wlxml-class="list-enum"] { 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 +}