This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
: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 */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.menu.superior { | |
background: #f9f7ed; | |
} | |
.menu.superior .titulo { | |
color: #4f372a; | |
} | |
.lista-redes .icon-instagram { | |
background: #51392c; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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" | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Input | |
import styled, { css } from 'styled-components'; | |
import Tooltip from '../Tooltip'; | |
interface ContainerProps { | |
isFocused: boolean; | |
isFilled: boolean; | |
isErrored: boolean; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
btnHighContrast: { | |
active: true, | |
dataAccessibility: "contrast", | |
class: "setAccessibility", | |
icon: "FontAwesome", | |
iconClass: ["fas", "fa-adjust"], | |
text: "Alto contraste", | |
}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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())}> |