jordienr

import { z } from "zod";

const Post = z.object({
  id: z.string(),
  slug: z.string(),
  content: z.string(),
  title: z.string()
})

export function createAPIClient() {

jordienr

// Remember to install mini-svg-data-uri
// Follow me on twitter for memes @jordienr

import { type Config } from "tailwindcss";
const {
  default: flattenColorPalette,
} = require("tailwindcss/lib/util/flattenColorPalette");
const svgToDataUri = require("mini-svg-data-uri");

export default {

jordienr

.btn {
  @apply flex w-full items-center justify-center gap-2 rounded-md border bg-white px-4 py-2 text-center font-medium tracking-wide text-slate-700 hover:bg-slate-50 sm:w-auto;
}

.btn.btn-icon {
  @apply inline-flex h-10 w-10 max-w-[40px] items-center border-none bg-transparent;
}
.btn.btn-icon:hover {
  @apply bg-orange-100 text-orange-500 transition-all;
}

jordienr

/*
*   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

[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

// 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

$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;