Building js & css for editor with r.js/lessc via grunt tasks
[fnpeditor.git] / modules / documentCanvas / documentCanvas.less
1 @import 'nodes.less';\r
2 \r
3 #rng-module-documentCanvas {\r
4    height: 100%;\r
5 }\r
6 \r
7 #rng-module-documentCanvas-mainArea {\r
8    height: 100%;\r
9    margin-bottom: 20px;\r
10 }\r
11 \r
12 #rng-module-documentCanvas-contentWrapper {\r
13     border-color: #ddd;\r
14     border-style: solid;\r
15     border-width: 1px;\r
16     float:left;\r
17     width: 100%;\r
18     height: 100%;\r
19     overflow-y: scroll;\r
20     padding: 0 10px;\r
21     \r
22     &::-webkit-scrollbar {\r
23         .rng-mixin-scrollbar;\r
24     }\r
25     &::-webkit-scrollbar-track {\r
26         .rng-mixin-scrollbar-track;\r
27     }\r
28     &::-webkit-scrollbar-thumb {\r
29         .rng-mixin-scrollbar-thumb;\r
30     }\r
31     &::-webkit-scrollbar-thumb:window-inactive {\r
32         .rng-mixin-scrollbar-thumb-window-inactive;\r
33     }\r
34     \r
35     #rng-module-documentCanvas-content {\r
36         outline: 0px solid transparent;\r
37     }\r
38 }\r
39 \r
40 .rng-module-documentCanvas-currentNode {\r
41     background: #fffacd;\r
42     border-color: grey;\r
43     border-style:dashed;\r
44     border-width:1px;\r
45 }\r
46 \r
47 .rng-module-documentCanvas-hoveredNodeTag {\r
48     position:absolute;\r
49     height:20px;\r
50     top:-20px;\r
51     left:0;\r
52     background: #bd362f;\r
53     color: white;\r
54     font-size:9px;\r
55     font-weight: normal;\r
56     font-style: normal;\r
57     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r
58     padding: 0 5px;\r
59     text-indent: 0;\r
60 }