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