landsoul

0.1.4 • Public • Published

landsoul

A classless CSS library (IE11 is not supported)

Preview: https://yieldray.github.io/landsoul/

Usage

To enable dark mode, use prefers-color-scheme: dark or body[data-theme="dark"]

<link rel="stylesheet" href="https://unpkg.com/landsoul" />

<!-- add this to enable dark mode manually -->
<body data-theme="dark"></body>

This stylesheet DO NOT include css reset, and keep minimum influence to the built-in html elements,
so you may add some extra css to make things work.

/* For example: */
body {
    box-sizing: border-box;
    max-width: 38rem;
    margin: 0 auto;
    padding: 1rem;
}

img {
    display: inline-block;
    max-width: 100%;
}

dev

$ npm install
$ npm run dev
# xdg-open index.html

build

$ npm run build

Readme

Keywords

Package Sidebar

Install

npm i landsoul

Weekly Downloads

4

Version

0.1.4

License

MIT

Unpacked Size

20.9 kB

Total Files

18

Last publish

Collaborators

  • yieldray