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