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