An elegant and classic theme for siimple.
Install this package using npm:
$ npm install --save @siimple/preset-noir
Add this theme to your siimple.config.js
file:
import noir from "@siimple/preset-noir"; export default { ...noir, // ...other configuration styles: { ...noir.styles, // other custom styles }, };
This preset uses Noto Serif
for body text and for headings, so you will need to import this font in your HTML file:
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700" rel="stylesheet">
This preset introduces additional variants for some elements. You can use the outlined
variant to create an outlined button or badge:
<!-- Outlined button --> <button class="button is-outlined">Outlined button</button> <!-- Outlined badge --> <span class="badge is-outlined">Outlined badge</span>
Rank | Name | Team | Total Points |
---|---|---|---|
1 | Sandra Hoyles | The Champs | 80.005 |
2 | Mathew Sims | Java Lovers | 68.750 |
3 | Helen Booth | Code Plus Plus | 49.120 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Designed and maintained with by @jmjuanes.
Code is licensed under MIT, documentation under Creative Commons Attribution 4.0.