Allowing for canvas to listen to dom key events
[fnpeditor.git] / modules / documentCanvas / nodes.less
1 [wlxml-text] {
2     display: inline;
3 }
4
5 [wlxml-tag] {
6     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */
7     border-color: white;
8     border-style:solid;
9     border-width:1px;
10     min-height:20px;
11     position:relative;
12     text-indent: 0;
13 }
14
15 [wlxml-tag=span] {
16     display:inline;
17     min-width: 10px;
18 }
19
20 [wlxml-tag=header] {
21     font-size: 13px;
22     font-weight: bold;
23     margin: 10px 0;
24 }
25
26 [wlxml-tag=section] {
27     margin-top: 10px;
28     margin-bottom: 10px;
29 }
30
31 [wlxml-tag=section] [wlxml-tag=section] {
32     margin-left:10px;
33 }
34
35 [wlxml-class|="cite"] {
36     font-style: italic;
37 }
38
39 [wlxml-class|="cite-code"] {
40     font-family: monospace;
41 }
42
43 [wlxml-class|="cite-code-xml"] {
44     color: blue;
45 }
46
47 [wlxml-tag=header] > [wlxml-class=author] {
48     font-size: 14px;
49 }
50
51 [wlxml-tag=header] > [wlxml-class=title] {
52     font-size:18px;
53 }
54
55 [wlxml-class|="uri"] {
56     color: blue;
57     text-decoration: underline;
58 }
59
60 [wlxml-class|="p"] {
61     text-indent: 1.5em;
62 }
63
64 [wlxml-class|="emph-tech"] {
65     font-style: italic;
66 }
67
68 [wlxml-tag=metadata] {
69     display:none;
70 }
71
72 [wlxml-class="list-items"] {
73
74     > [wlxml-class="item"] {
75         display: list-item;
76         margin-left: 10px;
77         padding-left: 5px;
78     }
79 }
80
81 [wlxml-class="item"] {
82     > [wlxml-class="list-items"] {
83         display: block;
84     }
85 }
86
87
88 [wlxml-class="list-items-enum"] {
89
90     counter-reset: myitem;
91
92     > [wlxml-class="item"] {
93         counter-increment: myitem;
94         margin-left: 10px;
95         padding-left: 5px;
96         
97         &:before {
98             content: counter(myitem) '. ';
99             margin-right:10px;
100             padding-right:10px;
101         }
102     }
103 }
104
105 .canvas-silent-item {
106     display: block !important;
107     counter-increment: none !important;
108     &:before {
109         content: normal !important;
110     }
111 }
112
113 [wlxml-class="table"] {
114
115     display: table;
116     border: 1px solid black;
117
118     [wlxml-class="row"] {
119         display: table-row;
120         border: 1px solid black;
121     }
122     [wlxml-class="cell"] {
123         display: table-cell;
124         border: 1px solid black;
125         padding: 5px;
126     }
127
128 }