Skip to content

Instantly share code, notes, and snippets.

View rogeralbinoi's full-sized avatar
:octocat:
Working from home

Roger Albino rogeralbinoi

:octocat:
Working from home
83 followers · 145 following
View GitHub Profile
@rogeralbinoi
rogeralbinoi / index.html
Last active January 18, 2022 00:01
Dark-mode com css puro - Exemplo HTML
<!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>
@rogeralbinoi
rogeralbinoi / using-theme.css
Created January 17, 2022 23:59
body {
color: var(--text-color);
background-color: var(--bg-color);
display: flex;
align-items: center;
justify-content: center;
}
.logo {
color: var(--logo-color);
@rogeralbinoi
rogeralbinoi / exemplo-texto.css
Last active January 31, 2018 11:19
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 */
}
@rogeralbinoi
rogeralbinoi / index.html
Last active January 31, 2018 10:56
<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>
@rogeralbinoi
rogeralbinoi / sanitize-string.js
Created January 18, 2018 19:32
const unwantedChars = /[^a-z0-9_-]/gi;
const defaultReplacement = '';
/* eslint-disable */
const replacements = {
' ': '-'
};
const regexReplacements = [
{char: 'a', pattern: /[\xE0-\xE6]/gi},
@rogeralbinoi
rogeralbinoi / gist:0340b0e3b450eaf96726895dcead4424
Created April 26, 2017 03:25
index.html
<!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>
@rogeralbinoi
rogeralbinoi / Panda CSS .markdown
Created May 18, 2015 02:04
Panda CSS