Skip to content

Instantly share code, notes, and snippets.

View renatodeleao's full-sized avatar

Renato de Leão renatodeleao

View GitHub Profile
// ----
// libsass (v3.5.4)
// ----
///
/// String functions by Pascal Duez
/// @link https://gist.github.com/pascalduez/10011785
///
@function contain($list, $value) {
/**
* @desc gets the closes number in a range of numbers
* @param {Array} list
* @param {Number} goal
* @author a mix of stackoverflowers
*/
const closestInRange = (list, goal) => (
list.reduce((prev, curr) => (
Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev
))
@renatodeleao
renatodeleao / figma-api-get-svg-via-images-endpoint.js
Last active September 14, 2023 17:04
Figma API — Get an svg node (via /images endpoint)
const ACCESS_TOKEN = "token";
const FILE_ID = "fileId";
const NODE_ID = "Check the url for something like => 3%3A2";
const container = document.getElementById("figma-container")
function apiRequest(url) {
return fetch(url, {
method: 'GET',
headers: { "x-figma-token": ACCESS_TOKEN }
}).then(function(response) {
@renatodeleao
renatodeleao / .gitconfig
Created February 28, 2019 09:39
Git alias
[alias]
lg = log --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit
fixup = "!f() { TARGET=$(git rev-parse "$1"); git commit --fixup=$TARGET ${@:2} && EDITOR=true git rebase -i --autostash --autosquash $TARGET^; }; f"
[log]
abbrevCommit = true
@renatodeleao
renatodeleao / example.html
Created October 18, 2018 11:24 — forked from leevigraham/example.html
Renderless Flyout.Vue component
<flyout v-cloak>
<div slot-scope="props">
<button
v-on:click="props.toggle()"
v-bind:class="'border-2 p-1 ' + (props.isActive ? 'bg-green': 'bg-red')"
data-reference
></button>
<div
v-show="props.isActive"
class="list-reset bg-white border p-4 shadow z-10"
@renatodeleao
renatodeleao / o.data-layout.scss
Last active April 6, 2017 22:51
Quick prototyping with flexbox
[data-layout]{
position: relative;
display: flex;
}
//contains keyowords
[data-layout*="vertical"] { flex-direction: column; }
[data-layout*="wrap"] { flex-wrap: wrap; }
[data-layout*="between"] { justify-content: space-between; }