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