src/editor/modules/documentCanvas/nodes.less

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