npm beercss 3.4.9
v3.4.9

latest releases: 3.12.3, 3.12.2, 3.12.1...
21 months ago

CHANGELOG 3.4.9

Size

🚀 Added

  • Downsized the final bundle in 2kb (from 69.7 to 67.6)
  • Updated table section on homepage
  • Added stripes helper for table element
  • Added min helper for th and td elements
  • Added scrollable table using fixed helper for thead and tfoot elements (#241)

🩹 Fixed

  • Using flex-start, flex-end to support Opera browsers (#246 and #244)
  • Fixed vertical slider
  • Fixed responsive header
// Added stripes helper for table element
// Added min helper for th and td elements

<table class="stripes">
  <thead>
    <tr>
      <th class="min">Header</th>
      <th>Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="min">Cell</td>
      <td>Cell</td>
    </tr>
    <tr>
      <td class="min">Cell</td>
      <td>Cell</td>
    </tr>
    <tr>
      <td class="min">Cell</td>
      <td>Cell</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th class="min">Footer</th>
      <th>Footer</th>
    </tr>
  </tfoot>
</table>
// Added scrollable table using fixed helper for thead and tfoot elements

<div class="small-height scroll">
  <table>
    <thead class="fixed">
      <tr>
        <th>Header</th>
        <th>Header</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
    </tbody>
    <tfoot class="fixed">
      <tr>
        <th>Footer</th>
        <th>Footer</th>
      </tr>
    </tfoot>
  </table>
</div>

Don't miss a new beercss release

NewReleases is sending notifications on new releases.