v 0.1 🚀 Changelog 🎯 Roadmap 🙋‍♂️ Volunteer 💝 Donate 📬 Newsletter

Getting Started

For Developers

Installing Polykit via CSS

Add the following line of code in your <head>.

<link rel="stylesheet" href="https://polykit.xyz/app/css/polykit-v0-1.css" type="text/css">

Customizing the SCSS

Folders & Files Structure


/.github
/app
    |_______ › /css
                |_______ › polykit-v0-1.css
    |_______ › /scss
                |_______ › /01-subatomics
                            |_______ › _branding.scss
                            |_______ › _colors.scss
                            |_______ › _general.scss
                            |_______ › _grid.scss
                            |_______ › _modes.scss
                            |_______ › _reset.scss
                            |_______ › _typography.scss
                |_______ › /02-atoms
                            |_______ › _buttons.scss
                            |_______ › _code.scss
                            |_______ › _containers.scss
                            |_______ › _lists.scss
                            |_______ › _nav.scss
                            |_______ › _separators.scss
                            |_______ › _text-styles.scss
                |_______ › /03-molecules
                            |_______ › _nav.scss
                |_______ › /04-organisms
                            |_______ › _header.scss
                |_______ › /05-templates
                |_______ › /06-pages
                            |_______ › _site.scss
                |_______ › polykit-v01.scss
/demo
    |_______ › /polyfen
    |_______ › /mfw
/imgs
/node_modules
/theme
gulpfile.js
index.php
readme.md