src/editor/modules/documentCanvas/nodes.less

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