modules/documentCanvas/nodes.less

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