Integrating new canvas api into rest of the modules

[fnpeditor.git] / modules / documentCanvas / nodes.less

diff --git a/modules/documentCanvas/nodes.less b/modules/documentCanvas/nodes.less
new file mode 100644 (file)
index 0000000..215d36b
--- /dev/null
+++ b/modules/documentCanvas/nodes.less
@@ -0,0 +1,101 @@
+[wlxml-tag] {\r
+    float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */\r
+    border-color: white;\r
+    border-style:solid;\r
+    border-width:1px;\r
+    min-height:20px;\r
+    position:relative;\r
+    text-indent: 0;\r
+}\r
+\r
+span[wlxml-tag] {\r
+    display:inline-block;\r
+    min-width: 10px;\r
+}\r
+\r
+[wlxml-tag=header] {\r
+    font-size: 13px;\r
+    font-weight: bold;\r
+    margin: 10px 0;\r
+}\r
+\r
+[wlxml-tag=section] {\r
+    margin-top: 10px;\r
+    margin-bottom: 10px;\r
+}\r
+\r
+[wlxml-tag=section] [wlxml-tag=section] {\r
+    margin-left:10px;\r
+}\r
+\r
+[wlxml-class|="cite"] {\r
+    font-style: italic;\r
+}\r
+\r
+[wlxml-class|="cite-code"] {\r
+    font-family: monospace;\r
+}\r
+\r
+[wlxml-class|="cite-code-xml"] {\r
+    color: blue;\r
+}\r
+\r
+[wlxml-tag=header] > [wlxml-class=author] {\r
+    font-size: 14px;\r
+}\r
+\r
+[wlxml-tag=header] > [wlxml-class=title] {\r
+    font-size:18px;\r
+}\r
+\r
+[wlxml-class|="uri"] {\r
+    color: blue;\r
+    text-decoration: underline;\r
+}\r
+\r
+[wlxml-class|="p"] {\r
+    text-indent: 1.5em;\r
+}\r
+\r
+[wlxml-class|="emph-tech"] {\r
+    font-style: italic;\r
+}\r
+\r
+[wlxml-tag]  metadata {\r
+    display:none;\r
+}\r
+\r
+[wlxml-class="list-items"] {\r
+\r
+    counter-reset: myitem;\r
+\r
+    > [wlxml-class="item"] {\r
+        counter-increment: myitem;\r
+        display: list-item;\r
+        margin-left: 10px;\r
+        padding-left: 5px;\r
+        \r
+        &:before {\r
+            content: counter(myitem) '. ';\r
+            margin-right:10px;\r
+            padding-right:10px;\r
+        }\r
+    }\r
+}\r
+\r
+[wlxml-class="table"] {\r
+\r
+    display: table;\r
+    border: 1px solid black;\r
+\r
+    [wlxml-class="row"] {\r
+        display: table-row;\r
+        border: 1px solid black;\r
+    }\r
+    [wlxml-class="cell"] {\r
+        display: table-cell;\r
+        border: 1px solid black;\r
+        padding: 5px;\r
+    }\r
+\r
+}
\ No newline at end of file