79389119e2482cd1b5051a7904cc3c591bc42046
[fnpeditor.git] / src / editor / modules / documentCanvas / nodes.less
1 [document-text-element] {
2     font-size: 14px;
3     display: inline;
4     white-space: pre-wrap;
5 }
6
7 [wlxml-tag] {
8     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */
9     border-color: transparent;
10     border-style:solid;
11     border-width:1px;
12     min-height:20px;
13     position:relative;
14     text-indent: 0;
15     padding: 1px 1px;
16 }
17
18 [wlxml-tag="span"] {
19     padding: 0;
20     border: none;
21 }
22
23 [wlxml-tag=span] {
24     min-width: 10px;
25 }
26
27 [wlxml-tag=header] [document-text-element] {
28     font-size: 13px;
29     font-weight: bold;
30     margin: 10px 0;
31 }
32
33 [wlxml-tag=section] {
34     margin-top: 10px;
35     margin-bottom: 10px;
36 }
37
38 [wlxml-class|="cite"] {
39     font-style: italic;
40 }
41
42 [wlxml-class|="cite-code"] {
43     font-family: monospace;
44 }
45
46 [wlxml-class|="cite-code-xml"] {
47     color: blue;
48 }
49
50 [wlxml-tag=header] [wlxml-class=author] [document-text-element] {
51     font-size: 14px;
52 }
53
54 [wlxml-tag=header] [wlxml-class=title] [document-text-element] {
55     font-size:18px;
56 }
57
58 [wlxml-class="comment"] {
59     background-color: #96e0e4;
60     border: 1px solid black;
61     border-radius: 10px;
62     padding: 20px 10px 10px 10px;
63 }
64
65 [wlxml-class|="link"] {
66     color: blue;
67     text-decoration: underline;
68 }
69
70 [wlxml-class|="emp"] {
71     font-weight: bold;
72 }
73
74 [wlxml-tag=metadata] {
75     display:none;
76 }
77
78 [wlxml-class|="list"] {
79
80
81     > * > [wlxml-class|="item"] {
82         margin-left: 10px;
83         padding-left: 5px;
84         
85         &:before {
86             content: '\2022';
87             margin-right:10px;
88             padding-right:10px;
89         }
90     }
91 }
92
93 [wlxml-class="item"] {
94     [wlxml-class="list"] {
95         display: block;
96     }
97 }
98
99
100 [wlxml-class="list-enum"] {
101
102     counter-reset: myitem;
103
104     > * > [wlxml-class="item"] {
105         counter-increment: myitem;
106         margin-left: 10px;
107         padding-left: 5px;
108         
109         &:before {
110             content: counter(myitem) '. ';
111             margin-right:10px;
112             padding-right:10px;
113         }
114     }
115 }
116
117 .canvas-silent-item {
118     display: block !important;
119     counter-increment: none !important;
120     &:before {
121         content: normal !important;
122     }
123 }
124
125 [wlxml-class="table"] {
126
127     display: table;
128     border: 1px solid black;
129
130     [wlxml-class="row"] {
131         display: table-row;
132         border: 1px solid black;
133     }
134     [wlxml-class="cell"] {
135         display: table-cell;
136         border: 1px solid black;
137         padding: 5px;
138     }
139
140 }
141
142 [wlxml-tag="aside"] {
143     margin-top: 10px;
144     margin-bottom: 10px;
145
146     [wlxml-class='gap'] {
147         display: inline;
148     }
149 }
150
151 [wlxml-class="gap"] {
152     &:before, &:after {
153         color: darken(@blue, 10%);
154         font-weight: bold;
155         //vertical-align: super;
156     }
157     &:before {
158         content: "(";
159     }
160     &:after {
161         content: ")";
162     }
163 }