Modesto CSS __VERSION__

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.

👉 Projeto disponível no Github: https://github.com/nalmeida/modesto

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 👉 modesto.min.css ()

Títulos

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1 with link

Heading 2 with link

Heading 3 with link

Heading 4 with link

Heading 5 with link
Heading 6 with link

Tipografia

This is a <p>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at imperdiet sem. Nam a orci in ligula egestas rutrum non at mauris. Suspendisse luctus enim augue, non ullamcorper leo porta et. Praesent sit amet semper tortor. Duis eleifend orci eu enim ultrices congue. Fusce non maximus lorem. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci. Duis sodales blandit mi, a lobortis felis rutrum et. Mauris sollicitudin augue quis tincidunt pretium. Morbi ac lorem aliquam nisi ornare venenatis ut vel diam. Aenean vulputate vehicula dapibus. Proin congue venenatis neque, at viverra est imperdiet nec.

Imagens

Imagem inline

Aqui vai uma imagem Cachorro Husky inline.

Imagem

Cachorro Husky

Imagem com link

Cachorro Husky

Imagem dentro de uma figure com legenda

Cachorro Husky
Cachorro Husky

Listas

Lista não ordenada

Lista ordenada

  1. Lorem ipsum dolor sit amet
  2. Duis eleifend orci eu enim
  3. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci.
  4. Lorem ipsum dolor sit amet
  5. Duis eleifend orci eu enim
  6. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci
  7. Lorem ipsum dolor sit amet
  8. Duis eleifend orci eu enim
  9. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci
  10. Lorem ipsum dolor sit amet
  11. Duis eleifend orci eu enim
  12. Nunc magna metus, euismod a ipsum in, aliquet efficitur orci

Código

Código inline: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 📁exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

var teste = true;
function retornaTeste() {
	return teste;
}
retornaTeste();

Citação

Se você quer escrever um site que seja rápido, use um computador lento. @nalmeida.

If you want to write fast software, use a slow computer. If you want to write fast software, use a slow computer. If you want to write fast software, use a slow computer. If you want to write fast software, use a slow computer. If you want to write fast software, use a slow computer. If you want to write fast software, use a slow computer. @nalmeida.

Botões

Ferramentas

Outros frameworks

Gentilmente hospetado por: Netlify Status