Table

Structure

Examples

Logical Truth Table
Input Values AND OR XOR NOT
boolean foo boolean bar foo && bar foo || bar foo ^ bar !foo
false false false false false true
false true false true true true
true false false true true false
true true true true false false 
<table class="is-bordered is-striped">
  <caption>Logical Truth Table</caption>
  <thead>
    <tr>
      <th colspan="2">Input Values</th>
      <th>AND</th>
      <th>OR</th>
      <th>XOR</th>
      <th>NOT</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th><code class="language-java">boolean foo</code></th>
      <th><code class="language-java">boolean bar</code></th>
      <th><code class="language-java">foo &amp;&amp; bar</code></th>
      <th><code class="language-java">foo || bar</code></th>
      <th><code class="language-java">foo ^ bar</code></th>
      <th><code class="language-java">!foo</code></th>
    </tr>
    <tr>
      <th><code>false</code></th>
      <th><code>false</code></th>
      <td><code>false</code></td>
      <td><code>false</code></td>
      <td><code>false</code></td>
      <td><code>true</code></td>
    </tr>
    <tr>
      <th><code>false</code></th>
      <th><code>true</code></th>
      <td><code>false</code></td>
      <td><code>true</code></td>
      <td><code>true</code></td>
      <td><code>true</code></td>
    </tr>
    <tr>
      <th><code>true</code></th>
      <th><code>false</code></th>
      <td><code>false</code></td>
      <td><code>true</code></td>
      <td><code>true</code></td>
      <td><code>false</code></td>
    </tr>
    <tr>
      <th><code>true</code></th>
      <th><code>true</code></th>
      <td><code>true</code></td>
      <td><code>true</code></td>
      <td><code>false</code></td>
      <td><code>false</code></td>
    </tr>
  </tbody>
</table>

Modifiers

is-bordered
Enables table borders; disabled by default.
is-striped
Enables alternating row colors; disabled by default.

Properties

--skelt-table-background-color
--skelt-table-border-color
The border color if the is-bordered modifier is present. Defaults to --skelt-component-border-color.
--skelt-table-border-style
The default border color if the is-bordered modifier is not present. Defaults to none.
--skelt-table-border-default
--skelt-table-border-width
--skelt-table-cell-border-color
--skelt-table-cell-border-style
--skelt-table-cell-border-width
--skelt-table-header-background-color
Defaults to --skelt-component-accent-color.
--skelt-table-header-font-family
Defaults to --skelt-heading-font-family.
--skelt-table-highlight-background-image
--skelt-table-stripe-background-color
The background color if the is-striped modifier is present. Defaults to --skelt-component-background-color.
--skelt-table-stripe-background-color-default
The default stripe color if the is-striped modifier is not present. Defaults to initial.