editor: dropping a working draft
[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-tag=section] [wlxml-tag=section] {
42     margin-left:10px;
43 }
44
45 [wlxml-class|="cite"] {
46     font-style: italic;
47 }
48
49 [wlxml-class|="cite-code"] {
50     font-family: monospace;
51 }
52
53 [wlxml-class|="cite-code-xml"] {
54     color: blue;
55 }
56
57 [wlxml-tag=header] [wlxml-class=author] [document-text-element] {
58     font-size: 14px;
59 }
60
61 [wlxml-tag=header] [wlxml-class=title] [document-text-element] {
62     font-size:18px;
63 }
64
65 [wlxml-class="comment"] {
66     background-color: #96e0e4;
67     border: 1px solid black;
68     border-radius: 10px;
69     padding: 20px 10px 10px 10px;
70 }
71
72 [wlxml-class|="link"] {
73     color: blue;
74     text-decoration: underline;
75 }
76
77 [wlxml-class|="p"] {
78     text-indent: 1.5em;
79 }
80
81 [wlxml-class|="emp"] {
82     font-style: italic;
83 }
84
85 [wlxml-tag=metadata] {
86     display:none;
87 }
88
89 [wlxml-class|="list"] {
90
91      [wlxml-class|="item"] {
92         display: list-item;
93         margin-left: 10px;
94         padding-left: 5px;
95     }
96 }
97
98 [wlxml-class="item"] {
99     [wlxml-class="list"] {
100         display: block;
101     }
102 }
103
104
105 [wlxml-class="list-enum"] {
106
107     counter-reset: myitem;
108
109     > [wlxml-class="item"] {
110         counter-increment: myitem;
111         margin-left: 10px;
112         padding-left: 5px;
113         
114         &:before {
115             content: counter(myitem) '. ';
116             margin-right:10px;
117             padding-right:10px;
118         }
119     }
120 }
121
122 .canvas-silent-item {
123     display: block !important;
124     counter-increment: none !important;
125     &:before {
126         content: normal !important;
127     }
128 }
129
130 [wlxml-class="table"] {
131
132     display: table;
133     border: 1px solid black;
134
135     [wlxml-class="row"] {
136         display: table-row;
137         border: 1px solid black;
138     }
139     [wlxml-class="cell"] {
140         display: table-cell;
141         border: 1px solid black;
142         padding: 5px;
143     }
144
145 }
146
147 [wlxml-tag="aside"] {
148     margin-top: 10px;
149     margin-bottom: 10px;
150
151     [wlxml-class='gap'] {
152         display: inline;
153     }
154 }
155
156 [wlxml-class="gap"] {
157     &:before, &:after {
158         color: darken(@blue, 10%);
159         font-weight: bold;
160         //vertical-align: super;
161     }
162     &:before {
163         content: "(";
164     }
165     &:after {
166         content: ")";
167     }
168 }