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