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