Skip to content

Instantly share code, notes, and snippets.

View brunormferreira's full-sized avatar
:octocat:
coding and learning

Bruno Ramires brunormferreira

:octocat:
coding and learning
View GitHub Profile
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// Copied and Pasted from Harry Roberts Beutons -
// http://github.com/csswizardry/beautons/blob/master/beautons.css
// Base
@brunormferreira
brunormferreira / box-shadow.html
Created October 4, 2019 13:16 — forked from ocean90/box-shadow.html
CSS3 Box Shadow, only top/right/bottom/left and all
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@brunormferreira
brunormferreira / context-api.js
Created November 24, 2019 23:03
context-api
import React, { Component } from 'react'
// first we will make a new context
const MyContext = React.createContext()
// Then create a provider component
class MyProvider extends Component {
state = {
name: 'Bruno',
age: 23,
@brunormferreira
brunormferreira / GitCommitEmoji.md
Created December 12, 2019 11:46 — forked from waahab/GitCommitEmoji.md
Git Commit message Emoji
@brunormferreira
brunormferreira / .prettier.config.js
Created January 31, 2020 00:18
prettier config
module.exports = {
arrowParens: 'avoid',
bracketSpacing: true,
endOfLine: 'auto',
htmlWhitespaceSensitivity: 'css',
jsxBracketSameLine: false,
jsxSingleQuote: false,
printWidth: 80, // default: 80
proseWrap: 'preserve',
semi: true,
@brunormferreira
brunormferreira / .editorconfig
Created January 31, 2020 00:19
.editorconfig
root = true
[*]
indent_style = space
end_of_line = lf
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
@brunormferreira
brunormferreira / gist:57bd7f216ef3eb9fee5423056266d8c8
Created February 11, 2020 14:00 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@brunormferreira
brunormferreira / react-router-dom-v5.js
Created February 18, 2020 16:46
react-router-dom-v5
import React from "react";
import {
Link,
BrowserRouter as Router,
Route,
Switch,
Redirect
} from "react-router-dom";
import "./App.css";
{
// Define o tema do VSCode
"workbench.colorTheme": "Shades of Purple",
// Configura tamanho e família da fonte
"editor.fontSize": 18,
"editor.lineHeight": 24,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"explorer.compactFolders": false,
@brunormferreira
brunormferreira / useChuckNorris.jsx
Created April 3, 2020 13:04
chuck norris jokes hook
import { useState, useEffect } from 'react'
export function useChuckNorris() {
const [loading, setLoading] = useState(false)
const [error, setError] = useState(undefined)
const [data, setData] = useState(undefined)
useEffect(() => {
async function getJoke() {
setLoading(true)