Wrapping text/element node with element node
[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 white;
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: white;
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 [wlxml-tag=span] {
21     min-width: 10px;
22 }
23
24 [wlxml-tag=header] [document-text-element] {
25     font-size: 13px;
26     font-weight: bold;
27     margin: 10px 0;
28 }
29
30 [wlxml-tag=section] {
31     margin-top: 10px;
32     margin-bottom: 10px;
33 }
34
35 [wlxml-tag=section] [wlxml-tag=section] {
36     margin-left:10px;
37 }
38
39 [wlxml-class|="cite"] {
40     font-style: italic;
41 }
42
43 [wlxml-class|="cite-code"] {
44     font-family: monospace;
45 }
46
47 [wlxml-class|="cite-code-xml"] {
48     color: blue;
49 }
50
51 [wlxml-tag=header] [wlxml-class=author] [document-text-element] {
52     font-size: 14px;
53 }
54
55 [wlxml-tag=header] [wlxml-class=title] [document-text-element] {
56     font-size:18px;
57 }
58
59 [wlxml-class|="uri"] {
60     color: blue;
61     text-decoration: underline;
62 }
63
64 [wlxml-class|="p"] {
65     text-indent: 1.5em;
66 }
67
68 [wlxml-class|="emph-tech"] {
69     font-style: italic;
70 }
71
72 [wlxml-tag=metadata] {
73     display:none;
74 }
75
76 [wlxml-class="list-items"] {
77
78      [wlxml-class="item"] {
79         display: list-item;
80         margin-left: 10px;
81         padding-left: 5px;
82     }
83 }
84
85 [wlxml-class="item"] {
86     [wlxml-class="list-items"] {
87         display: block;
88     }
89 }
90
91
92 [wlxml-class="list-items-enum"] {
93
94     counter-reset: myitem;
95
96     > [wlxml-class="item"] {
97         counter-increment: myitem;
98         margin-left: 10px;
99         padding-left: 5px;
100         
101         &:before {
102             content: counter(myitem) '. ';
103             margin-right:10px;
104             padding-right:10px;
105         }
106     }
107 }
108
109 .canvas-silent-item {
110     display: block !important;
111     counter-increment: none !important;
112     &:before {
113         content: normal !important;
114     }
115 }
116
117 [wlxml-class="table"] {
118
119     display: table;
120     border: 1px solid black;
121
122     [wlxml-class="row"] {
123         display: table-row;
124         border: 1px solid black;
125     }
126     [wlxml-class="cell"] {
127         display: table-cell;
128         border: 1px solid black;
129         padding: 5px;
130     }
131
132 }
133
134 [wlxml-tag="aside"] {
135     margin-top: 10px;
136     margin-bottom: 10px;
137 }