modules/documentCanvas/nodes.less

   1 [document-node-element] {
   2     font-size: 1px;
   3 }
   4 [document-text-element] {
   5     font-size: 14px;
   6     display: inline;
   7     margin: 0 1px;
   8     border: 1px solid white;
   9 }
  10
  11 [wlxml-tag] {
  12     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */
  13     border-color: white;
  14     border-style:solid;
  15     border-width:1px;
  16     min-height:20px;
  17     position:relative;
  18     text-indent: 0;
  19     padding: 1px 1px;
  20 }
  21
  22 [wlxml-tag=span] {
  23     display:inline;
  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-tag=section] [wlxml-tag=section] {
  39     margin-left:10px;
  40 }
  41
  42 [wlxml-class|="cite"] {
  43     font-style: italic;
  44 }
  45
  46 [wlxml-class|="cite-code"] {
  47     font-family: monospace;
  48 }
  49
  50 [wlxml-class|="cite-code-xml"] {
  51     color: blue;
  52 }
  53
  54 [wlxml-tag=header] [wlxml-class=author] [document-text-element] {
  55     font-size: 14px;
  56 }
  57
  58 [wlxml-tag=header] [wlxml-class=title] [document-text-element] {
  59     font-size:18px;
  60 }
  61
  62 [wlxml-class|="uri"] {
  63     color: blue;
  64     text-decoration: underline;
  65 }
  66
  67 [wlxml-class|="p"] {
  68     text-indent: 1.5em;
  69 }
  70
  71 [wlxml-class|="emph-tech"] {
  72     font-style: italic;
  73 }
  74
  75 [wlxml-tag=metadata] {
  76     display:none;
  77 }
  78
  79 [wlxml-class="list-items"] {
  80
  81      [wlxml-class="item"] {
  82         display: list-item;
  83         margin-left: 10px;
  84         padding-left: 5px;
  85     }
  86 }
  87
  88 [wlxml-class="item"] {
  89     [wlxml-class="list-items"] {
  90         display: block;
  91     }
  92 }
  93
  94
  95 [wlxml-class="list-items-enum"] {
  96
  97     counter-reset: myitem;
  98
  99     > [wlxml-class="item"] {
 100         counter-increment: myitem;
 101         margin-left: 10px;
 102         padding-left: 5px;
 103
 104         &:before {
 105             content: counter(myitem) '. ';
 106             margin-right:10px;
 107             padding-right:10px;
 108         }
 109     }
 110 }
 111
 112 .canvas-silent-item {
 113     display: block !important;
 114     counter-increment: none !important;
 115     &:before {
 116         content: normal !important;
 117     }
 118 }
 119
 120 [wlxml-class="table"] {
 121
 122     display: table;
 123     border: 1px solid black;
 124
 125     [wlxml-class="row"] {
 126         display: table-row;
 127         border: 1px solid black;
 128     }
 129     [wlxml-class="cell"] {
 130         display: table-cell;
 131         border: 1px solid black;
 132         padding: 5px;
 133     }
 134
 135 }