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 [wlxml-tag=span] {
  21     min-width: 10px;
  22 }
  23
  24 [wlxml-tag=header] [document-text-element] {
  25     font-size: 13px;
  26     font-weight: bold;
  27     margin: 10px 0;
  28 }
  29
  30 [wlxml-tag=section] {
  31     margin-top: 10px;
  32     margin-bottom: 10px;
  33 }
  34
  35 [wlxml-tag=section] [wlxml-tag=section] {
  36     margin-left:10px;
  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|="uri"] {
  60     color: blue;
  61     text-decoration: underline;
  62 }
  63
  64 [wlxml-class|="p"] {
  65     text-indent: 1.5em;
  66 }
  67
  68 [wlxml-class|="emph-tech"] {
  69     font-style: italic;
  70 }
  71
  72 [wlxml-tag=metadata] {
  73     display:none;
  74 }
  75
  76 [wlxml-class="list"] {
  77
  78      [wlxml-class="item"] {
  79         display: list-item;
  80         margin-left: 10px;
  81         padding-left: 5px;
  82     }
  83 }
  84
  85 [wlxml-class="item"] {
  86     [wlxml-class="list"] {
  87         display: block;
  88     }
  89 }
  90
  91
  92 [wlxml-class="list-enum"] {
  93
  94     counter-reset: myitem;
  95
  96     > [wlxml-class="item"] {
  97         counter-increment: myitem;
  98         margin-left: 10px;
  99         padding-left: 5px;
 100
 101         &:before {
 102             content: counter(myitem) '. ';
 103             margin-right:10px;
 104             padding-right:10px;
 105         }
 106     }
 107 }
 108
 109 .canvas-silent-item {
 110     display: block !important;
 111     counter-increment: none !important;
 112     &:before {
 113         content: normal !important;
 114     }
 115 }
 116
 117 [wlxml-class="table"] {
 118
 119     display: table;
 120     border: 1px solid black;
 121
 122     [wlxml-class="row"] {
 123         display: table-row;
 124         border: 1px solid black;
 125     }
 126     [wlxml-class="cell"] {
 127         display: table-cell;
 128         border: 1px solid black;
 129         padding: 5px;
 130     }
 131
 132 }
 133
 134 [wlxml-tag="aside"] {
 135     margin-top: 10px;
 136     margin-bottom: 10px;
 137 }