X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/20b9b567165ee10532a441f809a2a718b5b5e570..a8795c30def3c501ed298d2708861f8aaa7304e7:/src/editor/modules/documentCanvas/nodes.less?ds=sidebyside diff --git a/src/editor/modules/documentCanvas/nodes.less b/src/editor/modules/documentCanvas/nodes.less index ab26442..7938911 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; @@ -134,4 +142,22 @@ [wlxml-tag="aside"] { margin-top: 10px; margin-bottom: 10px; + + [wlxml-class='gap'] { + display: inline; + } +} + +[wlxml-class="gap"] { + &:before, &:after { + color: darken(@blue, 10%); + font-weight: bold; + //vertical-align: super; + } + &:before { + content: "("; + } + &:after { + content: ")"; + } } \ No newline at end of file