42f09ea97f0005287032ca948d4afbd911b94655
[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-weight: bold;
74 }
75
76 [wlxml-tag=metadata] {
77     display:none;
78 }
79
80 [wlxml-class|="list"] {
81
82
83     > * > [wlxml-class|="item"] {
84         margin-left: 10px;
85         padding-left: 5px;
86         
87         &:before {
88             content: '\2022';
89             margin-right:10px;
90             padding-right:10px;
91         }
92     }
93 }
94
95 [wlxml-class="item"] {
96     [wlxml-class="list"] {
97         display: block;
98     }
99 }
100
101
102 [wlxml-class="list-enum"] {
103
104     counter-reset: myitem;
105
106     > * > [wlxml-class="item"] {
107         counter-increment: myitem;
108         margin-left: 10px;
109         padding-left: 5px;
110         
111         &:before {
112             content: counter(myitem) '. ';
113             margin-right:10px;
114             padding-right:10px;
115         }
116     }
117 }
118
119 .canvas-silent-item {
120     display: block !important;
121     counter-increment: none !important;
122     &:before {
123         content: normal !important;
124     }
125 }
126
127 [wlxml-class="table"] {
128
129     display: table;
130     border: 1px solid black;
131
132     [wlxml-class="row"] {
133         display: table-row;
134         border: 1px solid black;
135     }
136     [wlxml-class="cell"] {
137         display: table-cell;
138         border: 1px solid black;
139         padding: 5px;
140     }
141
142 }
143
144 [wlxml-tag="aside"] {
145     margin-top: 10px;
146     margin-bottom: 10px;
147
148     [wlxml-class='gap'] {
149         display: inline;
150     }
151 }
152
153 [wlxml-class="gap"] {
154     &:before, &:after {
155         color: darken(@blue, 10%);
156         font-weight: bold;
157         //vertical-align: super;
158     }
159     &:before {
160         content: "(";
161     }
162     &:after {
163         content: ")";
164     }
165 }