beercss 2.2.0 on Node.js NPM

CHANGELOG 2.2.0

BREAKING CHANGES removed card, use <article> instead
BREAKING CHANGES renamed row to grid
BREAKING CHANGES renamed row no-wrap to row
BREAKING CHANGES renamed --shadow1, --shadow2 and --shadow3 variables to --elevate1, --elevate2 and --elevate3
BREAKING CHANGES removed col element
BREAKING CHANGES divider will render a line without space, use small-divider, medium-divider or large-divider if you want space
Removed diamond helper
Removed min and max helpers from row and table elements
Removed small-device, medium-device, large-device use s, m, l instead
Removed default shadow from button, chip and nav elements
Removed outlined helper from <i> element, outlined is the default now
Updated url font icons
Updated buttons section on homepage
Updated modals section on homepage
Updated navigations section on homepage
Updated switches section on homepage
Updated icons section on homepage
Added dividers section on homepage
Added grids section on homepage
Added app bars section on homepage
Added scrolls section on homepage
Added spaces section on homepage
Added max helper to modal element, use when you want a fullscreen modal
Added fill helper to <i> element
Added elevate, small-elevate, medium-elevate, large-elevate and no-elevate helpers
Added responsive helper to header and footer elements, to use with navigation rails
Added --body variable to light and dark setting, will be used on <body> element as default
Added tiny-padding and tiny-margin helpers
Following material design 3 guidelines
Getting back to 10kb gzip
See all changes here https://www.beercss.com

// before
<div class="card">...</div>

// after
<article>...</article>

// before
<div class="row">
  <div class="col s12 m6 l3">...</div>
</div>

// after
<div class="grid">
  <div class="s12 m6 l3">...</div>
</div>

// before
<div class="row no-wrap">
  <div class="col min">...</div>
  <div class="col max">...</div>
</div>

// after
<div class="row">
  <div>...</div>
  <div class="max">...</div>
</div>

// or
<nav>
  <div>...</div>
  <div class="max">...</div>
</nav>

// before
<div class="small-device">...</div>
<div class="medium-device">...</div>
<div class="large-device">...</div>

// after
<div class="s">...</div>
<div class="m">...</div>
<div class="l">...</div>

// before
<*>...</*>
<div class="divider"></div>
<*>...</*>

// after
<*>...</*>
<div class="small-divider"></div>
<*>...</*>

beercss 2.2.0 v2.2.0 on Node.js NPM

CHANGELOG 2.2.0

beercss 2.2.0
v2.2.0

on Node.js NPM