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="comment"] {
  60     background-color: #96e0e4;
  61     border: 1px solid black;
  62     border-radius: 10px;
  63     padding: 10px;
  64 }
  65
  66 [wlxml-class|="uri"] {
  67     color: blue;
  68     text-decoration: underline;
  69 }
  70
  71 [wlxml-class|="p"] {
  72     text-indent: 1.5em;
  73 }
  74
  75 [wlxml-class|="emph-tech"] {
  76     font-style: italic;
  77 }
  78
  79 [wlxml-tag=metadata] {
  80     display:none;
  81 }
  82
  83 [wlxml-class|="list"] {
  84
  85      [wlxml-class|="item"] {
  86         display: list-item;
  87         margin-left: 10px;
  88         padding-left: 5px;
  89     }
  90 }
  91
  92 [wlxml-class="item"] {
  93     [wlxml-class="list"] {
  94         display: block;
  95     }
  96 }
  97
  98
  99 [wlxml-class="list-enum"] {
 100
 101     counter-reset: myitem;
 102
 103     > [wlxml-class="item"] {
 104         counter-increment: myitem;
 105         margin-left: 10px;
 106         padding-left: 5px;
 107
 108         &:before {
 109             content: counter(myitem) '. ';
 110             margin-right:10px;
 111             padding-right:10px;
 112         }
 113     }
 114 }
 115
 116 .canvas-silent-item {
 117     display: block !important;
 118     counter-increment: none !important;
 119     &:before {
 120         content: normal !important;
 121     }
 122 }
 123
 124 [wlxml-class="table"] {
 125
 126     display: table;
 127     border: 1px solid black;
 128
 129     [wlxml-class="row"] {
 130         display: table-row;
 131         border: 1px solid black;
 132     }
 133     [wlxml-class="cell"] {
 134         display: table-cell;
 135         border: 1px solid black;
 136         padding: 5px;
 137     }
 138
 139 }
 140
 141 [wlxml-tag="aside"] {
 142     margin-top: 10px;
 143     margin-bottom: 10px;
 144 }