Modesto CSS

Um framework CSS simples (fortemente inspirado pelo visual do CodyFrame), para estilizar minimamente um conteúdo tipo "texto" sem precisar adicionar nenhuma classe (ou o mínimo) aos elementos nativos.

👉 Documentação e demonstração: https://modesto.netlify.app/

modesto: dotado de modéstia; isento de vaidade; simples, despretensioso.

---

Utilização

Versão com o CSS aberto :

<link rel="stylesheet" href="https://unpkg.com/modesto@latest/modesto.css">

Versão com o CSS minificado :

<link rel="stylesheet" href="https://unpkg.com/modesto@latest/modesto.min.css">

---

Princípios

1. 📖 Semântico
2. 👋 Independente de qualquer conteúdo externo
3. ♿️ Acessível
4. 🤓 ClassLess: evitar ao máximo a necessidade colocar class nos elementos
5. ⚡️ Leve, MUITO leve para se "embedado" direto na página,

Development Scripts

The build uses only Node.js built-in modules. The CSS source is intentionally plain CSS (kept in src/sass/modesto.scss for backward-compatible project structure), so no Sass compiler, PostCSS plugin, file watcher, or development server dependency is required.

npm run develop

Build and serve the site at localhost:1337. Run the command again after editing a file.

npm run build

Copy the static site and generate the regular and minified CSS files for production.

Use this as the "Publish command" if needed by hosting such as Netlify.

npm run dist

Replaces __VERSION__ string inside html and css file for the version from package.json file, generates the CSS files and copy them into the root of the project.

---

In order publish a new version and documentation:

1. Change the version inside the package.json.

$ npm run dist
$ git add .
$ git commit -m ...
$ git push origin master
$ npm publish

---