Skip to content

Instantly share code, notes, and snippets.

Avatar
🏝️
mallorca

Jordi Enric jordienr

🏝️
mallorca
View GitHub Profile
@jordienr
jordienr / tailwind.config.js
Created January 22, 2022 14:35
Tailwind Highlight Utility
View tailwind.config.js
const { default: flattenColorPalette } = require('tailwindcss/lib/util/flattenColorPalette')
module.exports = {
content: [],
theme: {
extend: {},
},
variants: {
extend: {},
@jordienr
jordienr / Gradient.js
Created September 12, 2021 00:23
Stripe Mesh Gradient WebGL
View Gradient.js
/*
* Stripe WebGl Gradient Animation
* All Credits to Stripe.com
* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
* commented out for now.
* https://kevinhufnagl.com
*/
@jordienr
jordienr / netlify.toml
Created July 13, 2021 11:42
netlify.toml - vue2
View netlify.toml
[build]
publish = "mvp/dist"
command = "yarn build && yarn linkdeps"
[context.production]
environment = { NODE_VERSION = "14.17.0", NETLIFY_USE_YARN = "true" }
[[redirects]]
from = "/*"
to = "/index.html"
status = 200
@jordienr
jordienr / Tailwind 2.0 SCSS Color Variables.scss
Last active March 2, 2021 15:29
Tailwind 2.0 Colors as SCSS variables
View Tailwind 2.0 SCSS Color Variables.scss
// Rose
$rose-50: #fff1f2;
$rose-100: #ffe4e6;
$rose-200: #fecdd3;
$rose-300: #fda4af;
$rose-400: #fb7185;
$rose-500: #f43f5e;
$rose-600: #e11d48;
$rose-700: #be123c;
@jordienr
jordienr / variables.scss
Created August 16, 2020 14:10
SCSS Variables I use in almost all my projects
View variables.scss
$gray-900: #1A202C;
$gray-800: #2D3748;
$gray-700: #4A5568;
$gray-600: #718096;
$gray-500: #A0AEC0;
$gray-400: #CBD5E0;
$gray-300: #E2E8F0;
$gray-200: #EDF2F7;
$gray-100: #F7FAFC;