Skip to content

v3.4.13

Compare
Choose a tag to compare
@leonardorafael leonardorafael released this 19 Jan 10:51
· 104 commits to main since this release
4f210e5

CHANGELOG 3.4.13

Size

馃殌 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

localhost_3000_reddit (1)