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