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
  83     > * > [wlxml-class="item"] {
  84         margin-left: 10px;
  85         padding-left: 5px;
  86
  87         &:before {
  88             content: '\2022';
  89             margin-right:10px;
  90             padding-right:10px;
  91         }
  92     }
  93 }
  94
  95 [wlxml-class="item"] {
  96     [wlxml-class="list"] {
  97         display: block;
  98     }
  99 }
 100
 101
 102 [wlxml-class="list-enum"] {
 103
 104     counter-reset: myitem;
 105
 106     > * > [wlxml-class="item"] {
 107         counter-increment: myitem;
 108         margin-left: 10px;
 109         padding-left: 5px;
 110
 111         &:before {
 112             content: counter(myitem) '. ';
 113             margin-right:10px;
 114             padding-right:10px;
 115         }
 116     }
 117 }
 118
 119 .canvas-silent-item {
 120     display: block !important;
 121     counter-increment: none !important;
 122     &:before {
 123         content: normal !important;
 124     }
 125 }
 126
 127 [wlxml-class="table"] {
 128
 129     display: table;
 130     border: 1px solid black;
 131
 132     [wlxml-class="row"] {
 133         display: table-row;
 134         border: 1px solid black;
 135     }
 136     [wlxml-class="cell"] {
 137         display: table-cell;
 138         border: 1px solid black;
 139         padding: 5px;
 140     }
 141
 142 }
 143
 144 [wlxml-tag="aside"] {
 145     margin-top: 10px;
 146     margin-bottom: 10px;
 147
 148     [wlxml-class='gap'] {
 149         display: inline;
 150     }
 151 }
 152
 153 [wlxml-class="gap"] {
 154     &:before, &:after {
 155         color: darken(@blue, 10%);
 156         font-weight: bold;
 157         //vertical-align: super;
 158     }
 159     &:before {
 160         content: "(";
 161     }
 162     &:after {
 163         content: ")";
 164     }
 165 }