beercss 3.13.0

v3.13.0

on Node.js NPM

CHANGELOG 3.13.0

🚀 Added

• Added support to output tag as a replacement for helper and error with multiline support (#403).
• Added support to textarea rows attribute. If this attribute is not defined, the textarea will auto resize automatically. It uses a pure CSS solution on all Chromium based browsers, except on Apple devices. Other browsers will use JS.
• Added wavy helper for circular progress element.
• Added support to progress value atributte for circular progress element. It uses a pure CSS solution on all Chromium based browsers, except on Apple devices. Other browsers will use JS.

🩹 Fixed

• None

⚠️ Breaking changes

• Removed min and textarea helpers from field element.
• Removed helper and error from field element (use <output> tag instead).

Removed min and textarea helpers from field element.

// before
<div class="field textarea min">
  <textarea></textarea>
</div>

// after
<div class="field">
  <textarea></textarea>
</div>

Removed helper and error from field element (use <output> tag instead).

// before
<div class="field">
  <input />
  <span class="helper">Helper text</span>
  <span class="error">Error text</span>
</div>

// after
<div class="field">
  <input />
  <output>Helper text</output>
  <output class="invalid">Error text</output>
</div>

// will show only the helper text
<div class="field">
  <input />
  <output>Helper text</output>
  <output class="invalid">Error text</output>
</div>

// will show only the error text
<div class="field invalid">
  <input />
  <output>Helper text</output>
  <output class="invalid">Error text</output>
</div>