npm beercss 2.1.0
v2.1.0

latest releases: 3.12.8, 3.12.7, 3.12.6...
3 years ago

CHANGELOG 2.1.0

  • BREAKING CHANGES renamed menu to <nav>.
  • BREAKING CHANGES renamed container to <main>.
  • BREAKING CHANGES renamed is-light and is-dark to light and dark. It needs to apply on body element.
  • BREAKING CHANGES changed dynamic theme calls.
  • Do not need to call ui() after html output anymore, related to #67.
  • Added navigation rail and navigation bar examples on homepage.
  • Changed the html setup project.
  • Removed jquery from homepage.
  • Added https://vitest.dev/ to project
// before
<div class="menu left|right|top|bottom">...</div>

//after
<nav class="left|right|top|bottom">...</nav>
// before
<div class="container">...</div>

//after
<main class="responsive">...</main>
// before
<body class="is-light">...</body>
<body class="is-dark">...</body>

// after
<body class="light">...</body>
<body class="dark">...</body>
// before
let theme = await ui("theme", {
  from: "color|image|file|blob|path|url|theme", 
  mode: "light|dark" 
});

// after
let mode = ui("mode", "light|dark");
let theme = await ui("theme", "color|image|file|blob|path|url|theme");
// html setup
<body class="dark">
  <nav class="left m l">...</nav>
  <nav class="bottom s">...</nav>
  <main class="responsive">...</main>
</body>

// html setup for modern frameworks (vue, svelte, react, solidjs, angular...)
<body class="dark">
  <div id="app">
    <nav class="left m l">...</nav>
    <nav class="bottom s">...</nav>
    <main class="responsive">...</main>
  </div>
</body>

Don't miss a new beercss release

NewReleases is sending notifications on new releases.