🙂_🙁.css

This site is made from vanilla HTML and the default 🙂_🙁.css theme. View Source

A mood-driven CSS framework to write modern websites using only emojis. No complicated CSS classes to learn! Less typing. Impossibly fast

How it works

All styles are written with semantic emojis:

            .\📋 {
                padding: 1rem 1.4rem;
                max-width: 100%;
                overflow: auto;
            }
            
            .\📋 .\📟 {
                /* When 📟 is in a 📋, reset it's formatting to blend in */
                background: inherit;
                font-size: inherit;
                color: inherit;
                border: 0;
                padding: 0;
                margin: 0;
            }
            
            .\📏 {
                /* Reset the border of the 📏 separator, then set a better line */
                border: 0;
                border-bottom: 1px solid currentColor;
                margin: 1rem auto;
            }
        

Roadmap

Dark mode support and custom emojis

stylelint plugin to enforce emoji naming conventions