Skip to content

Instantly share code, notes, and snippets.

View brenonovelli's full-sized avatar
🤘

Breno Novelli brenonovelli

🤘
View GitHub Profile
import React from 'react';
import { useCallback, useDispatch } from 'react-redux';
import { increaseCounterAction } from './actions';
import ExpensiveComponent from './ExpensiveComponent';
// normal way
const Component = props => {
const dispatch = useDispatch();
return (
<button onClick={() => dispatch(increaseCounterAction())}>
@brenonovelli
brenonovelli / index.html
Created September 27, 2019 15:10
Base for ASB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>ASB - Accessibility Settings Bar</title>
<link rel="stylesheet" href="src/icons/fontawesome5.9.0/css/all.css" />
<link rel="stylesheet" href="src/css/default.css" />
<link rel="stylesheet" href="src/css/asb.css" />
@brenonovelli
brenonovelli / asb.js
Created September 27, 2019 15:14
Active button
btnHighContrast: {
active: true,
dataAccessibility: "contrast",
class: "setAccessibility",
icon: "FontAwesome",
iconClass: ["fas", "fa-adjust"],
text: "Alto contraste",
},
@brenonovelli
brenonovelli / input.styles.js
Last active June 11, 2020 21:39
Ajustando Tooltip [GoBarber]
//Input
import styled, { css } from 'styled-components';
import Tooltip from '../Tooltip';
interface ContainerProps {
isFocused: boolean;
isFilled: boolean;
isErrored: boolean;
/**
* Text for Instagram Icon
*/
// Novo texto do ícone
const new_label_icon_instagram_header = "Instagram";
// Elemento do ícone
const icone_header_instagram = document.querySelector(
".lista-redes .icon-instagram"
);
@brenonovelli
brenonovelli / avancado.css
Last active April 23, 2021 09:26
veve-yumi - css
.menu.superior {
background: #f9f7ed;
}
.menu.superior .titulo {
color: #4f372a;
}
.lista-redes .icon-instagram {
background: #51392c;
:root {
/* Cartão */
--Cartao__Borda__Cor: #0073b6;
--Cartao__Texto_01: "APROVAÇÃO IMEDIATA";
--Cartao__Texto_01_Fundo__Cor: #0073b6;
--Cartao__Texto_01_Letra__Cor: #ffffff;
--Cartao__Espacamento_entre_Textos: 30px;
--Cartao__Texto_02__Exibir: block; /* none ou block */