View source for details or inspect elements with dev tools.

Icons can be utf-8 characters ➜ copypastecharacter.com or utf-8 emoji .

Default font is Roboto Latin-ext implemented into css as @import.

Example bellow demonstrates how Spartan is included on a page. You can use jsDelivr as shown in this example or you can also download distribution files directly from Github page.

⌥ With arrows (default) ⌥ With slashes

Hover over me to show bottom tooltip Tooltip text

Hover over me to show top tooltip Tooltip text

🌚 Dark mode

Works only when user has dark theme enabled through global OS theme settings. This features uses prefers-color-scheme to determine if dark theme should be used.

To enable dark mode add `enable-dark-mode` to body class attribute.

You can test this feature by clicking on this two buttons. Must have dark mode enabled system wide!

Enable dark mode Disable dark mode

If you don't have dark mode enabled you can view this video that demonstrates how it works.