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