Building js & css for editor with r.js/lessc via grunt tasks
[fnpeditor.git] / modules / documentCanvas / nodes.less
1 [wlxml-tag] {\r
2     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */\r
3     border-color: white;\r
4     border-style:solid;\r
5     border-width:1px;\r
6     min-height:20px;\r
7     position:relative;\r
8     text-indent: 0;\r
9 }\r
10 \r
11 span[wlxml-tag] {\r
12     display:inline-block;\r
13     min-width: 10px;\r
14 }\r
15 \r
16 [wlxml-tag=header] {\r
17     font-size: 13px;\r
18     font-weight: bold;\r
19     margin: 10px 0;\r
20 }\r
21 \r
22 [wlxml-tag=section] {\r
23     margin-top: 10px;\r
24     margin-bottom: 10px;\r
25 }\r
26 \r
27 [wlxml-tag=section] [wlxml-tag=section] {\r
28     margin-left:10px;\r
29 }\r
30 \r
31 [wlxml-class|="cite"] {\r
32     font-style: italic;\r
33 }\r
34 \r
35 [wlxml-class|="cite-code"] {\r
36     font-family: monospace;\r
37 }\r
38 \r
39 [wlxml-class|="cite-code-xml"] {\r
40     color: blue;\r
41 }\r
42 \r
43 [wlxml-tag=header] > [wlxml-class=author] {\r
44     font-size: 14px;\r
45 }\r
46 \r
47 [wlxml-tag=header] > [wlxml-class=title] {\r
48     font-size:18px;\r
49 }\r
50 \r
51 [wlxml-class|="uri"] {\r
52     color: blue;\r
53     text-decoration: underline;\r
54 }\r
55 \r
56 [wlxml-class|="p"] {\r
57     text-indent: 1.5em;\r
58 }\r
59 \r
60 [wlxml-class|="emph-tech"] {\r
61     font-style: italic;\r
62 }\r
63 \r
64 [wlxml-tag]  metadata {\r
65     display:none;\r
66 }\r
67 \r
68 [wlxml-class="list-items"] {\r
69 \r
70     > [wlxml-class="item"] {\r
71         display: list-item;\r
72         margin-left: 10px;\r
73         padding-left: 5px;\r
74     }\r
75 }\r
76 \r
77 [wlxml-class="item"] {\r
78     > [wlxml-class="list-items"] {\r
79         display: block;\r
80     }\r
81 }\r
82 \r
83 \r
84 [wlxml-class="list-items-enum"] {\r
85 \r
86     counter-reset: myitem;\r
87 \r
88     > [wlxml-class="item"] {\r
89         counter-increment: myitem;\r
90         margin-left: 10px;\r
91         padding-left: 5px;\r
92         \r
93         &:before {\r
94             content: counter(myitem) '. ';\r
95             margin-right:10px;\r
96             padding-right:10px;\r
97         }\r
98     }\r
99 }\r
100 \r
101 .canvas-silent-item {\r
102     display: block !important;\r
103     counter-increment: none !important;\r
104     &:before {\r
105         content: normal !important;\r
106     }\r
107 }\r
108 \r
109 [wlxml-class="table"] {\r
110 \r
111     display: table;\r
112     border: 1px solid black;\r
113 \r
114     [wlxml-class="row"] {\r
115         display: table-row;\r
116         border: 1px solid black;\r
117     }\r
118     [wlxml-class="cell"] {\r
119         display: table-cell;\r
120         border: 1px solid black;\r
121         padding: 5px;\r
122     }\r
123 \r
124 }