beercss 3.4.13

v3.4.13

on Node.js NPM

CHANGELOG 3.4.13

🚀 Added

• Downsized the final bundle a little more (from 67.3 to 66.0)
• Added support to ol, ul, li inside nav element
• Added support to ol, ul, li inside menu element (#240)
• Added support to ol, ul, li like nav and row elements (except with drawer, left, right, top, bottom helpers)
• Added auto-width and auto-height helpers
• Updated the minimum height of a inside menu to 48dp like the MD3 guidelines (https://m3.material.io/components/menus/specs)
• Updated the minimum height of footer to 80dp like the MD3 guidelines (https://m3.material.io/components/bottom-app-bar/specs)
• Added Reddit template on homepage
• Updated default line-height from 1.25 to 1.5, to improve readable texts

ℹ️ Caveats

• The <ul> and <ol> elements will not work with drawer, left, right, top, bottom helpers. This helpers are exclusive for <nav> element.

⚠️ Breaking changes

• If you already have custom styles on <ol>, <ul> and <li> tags, this release can break for you (or not)

// Added support to ol, ul, li inside nav element
<nav>
  <ul>
    <li>
      <a>Item</a>
    </li>
    <li>
      <a>Item</a>
    </li>
    <li>
      <a>Item</a>
    </li>
  </ul>
</nav>

// Or continue with the minimalist version
<nav>
  <a>Item</a>
  <a>Item</a>
  <a>Item</a>
</nav>

// Added support to li inside menu element
<menu>
  <li>
      <a>Item</a>
  </li>
</menu>

// Or continue with the minimalist version
<menu>
  <a>Item</a>
  <a>Item</a>
  <a>Item</a>
</menu>

// Added support to ol, ul, li like nav and row elements (except with drawer, left, right, top, bottom helpers)
<ul>
  <li>
    <a>Item</a>
  </li>
  <li>
    <a>Item</a>
  </li>
  <li>
    <a>Item</a>
  </li>
</ul>

Added Reddit template on homepage