X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/20b9b567165ee10532a441f809a2a718b5b5e570..20c53bc99b19137f012b8498e9b8b0a9572b3cae:/src/editor/modules/documentCanvas/nodes.less diff --git a/src/editor/modules/documentCanvas/nodes.less b/src/editor/modules/documentCanvas/nodes.less index ab26442..bbb65d4 100644 --- a/src/editor/modules/documentCanvas/nodes.less +++ b/src/editor/modules/documentCanvas/nodes.less @@ -2,13 +2,12 @@ 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 +16,12 @@ padding: 1px 1px; } +.grid-on { + [wlxml-tag] { + .rng-common-hoveredNode; + } +} + [wlxml-tag=span] { min-width: 10px; } @@ -32,10 +37,6 @@ margin-bottom: 10px; } -[wlxml-tag=section] [wlxml-tag=section] { - margin-left:10px; -} - [wlxml-class|="cite"] { font-style: italic; } @@ -56,16 +57,19 @@ 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"] { +[wlxml-class|="emp"] { font-style: italic; } @@ -73,12 +77,18 @@ 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 +103,7 @@ counter-reset: myitem; - > [wlxml-class="item"] { + > * > [wlxml-class="item"] { counter-increment: myitem; margin-left: 10px; padding-left: 5px; @@ -134,4 +144,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