Panda CSS ('-' * 10) Panda fofinho --
A Pen by Roger Albino on CodePen.
| body { | |
| color: var(--text-color); | |
| background-color: var(--bg-color); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .logo { | |
| color: var(--logo-color); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Darkmode CSS</title> | |
| <link rel="stylesheet" href="css/default-theme.css"> | |
| <link rel="stylesheet" href="css/light-mode.css"> | |
| <link rel="stylesheet" href="css/using-theme.css"> | |
| </head> |
| p { | |
| color: blue; /* altera a cor do texto */ | |
| font-size: 10px; /* altera o tamanho da fonte */ | |
| font-weight: bold; /* negrito */ | |
| font-style: italic; /* texto em itálico */ | |
| font-family: Arial; /* altera a familia da fonte */ | |
| } |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Exemplo CSS externo</title> | |
| <link href="css/meu-estilo.css" rel="stylesheet"/> <!-- referência para o arquivo css --> | |
| </head> | |
| <body> | |
| <h1>Exemplo CSS Externo</h1> | |
| </body> |
| const unwantedChars = /[^a-z0-9_-]/gi; | |
| const defaultReplacement = ''; | |
| /* eslint-disable */ | |
| const replacements = { | |
| ' ': '-' | |
| }; | |
| const regexReplacements = [ | |
| {char: 'a', pattern: /[\xE0-\xE6]/gi}, |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Título da nossa página</title> | |
| </head> | |
| <body> | |
| <h1>Título da nossa página</h1> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia ratione ullam sapiente ipsa fuga? Aut quam, explicabo, magnam sed fugit repudiandae dolores sunt aspernatur, accusantium accusamus id iure animi eos. | |
| </p> |
Panda CSS ('-' * 10) Panda fofinho --
A Pen by Roger Albino on CodePen.