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;
  }
} */