Mobile-friendly Class-Less Framework – stone.css

Category: CSS & CSS3 , Frameworks | March 7, 2022
Views Total:231 views
Official Page:Go to website
Last Update:March 7, 2022


Mobile-friendly Class-Less Framework – stone.css


stone.css is an open-source, class-less CSS framework that helps you create a modern-looking, mobile-friendly user interface using semantic HTML markups.

How to use it:

1. Download and import the stone.css stylesheet. Happy coding.

<link rel=”stylesheet” href=”./stone.css” />

2. To enable automatic dark mode, just uncomment the following snippets in the stone.css.

/* @media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #0097fc;
    --color-primary-accent: #0097fc4f;
    --color-primary-bg: #333;
    --color-bg-secondary: #555;
    --color-link: #0097fc;
    --color-secondary: #e20de9;
    --color-secondary-accent: #e20de94f;
    --color-shadow: #bbbbbb20;
    --color-table: #0097fc;
    --color-primary-text: #f7f7f7;
    --color-text-secondary: #aaa;
} */

You Might Be Interested In:

Leave a Reply