A frosty and clean theme for siimple. Based on Nord Theme.
Install this package using npm:
$ npm install --save siimple @siimple/preset-ice
Use this theme in your siimple.config.js
file:
import ice from "@siimple/preset-ice"; export default { ...ice, // ...other configuration };
This preset uses Poppins
as default font for body text and headings. You will need to import this font in your HTML file:
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700" rel="stylesheet">
This preset introduces additional variants for some elements like buttons, alerts and badges. You can use the success
, warning
and danger
variants to style your buttons, alerts and badges:
<!-- Buttons --> <button class="button is-danger">Danger button</button> <button class="button is-warning">Warning button</button> <button class="button is-success">Success button</button> <!-- Alerts --> <div class="alert is-danger">Danger alert</div> <div class="alert is-warning">Warning alert</div> <div class="alert is-success">Success alert</div> <!-- Badges --> <span class="badge is-danger">Danger badge</span> <span class="badge is-warning">Warning badge</span> <span class="badge is-success">Success badge</span>
This theme has been inspired in Nord Color palette.
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.