CHANGELOG 2.1.0
- BREAKING CHANGES renamed
menu
to<nav>
. - BREAKING CHANGES renamed
container
to<main>
. - BREAKING CHANGES renamed
is-light
andis-dark
tolight
anddark
. 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>