Skip to content

Instantly share code, notes, and snippets.

@thetutlage

thetutlage/tailwind.config.js

Last active March 16, 2024 17:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save thetutlage/1a2307bfcde7b11d1aa70f989c9c1a38 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save thetutlage/1a2307bfcde7b11d1aa70f989c9c1a38 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. thetutlage revised this gist Mar 16, 2024. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions tailwind.config.js
    View file
    Original file line number Diff line number Diff line change
    @@ -18,8 +18,8 @@ export default {
    gray: {
    800: '#2C2B2A',
    500: '#72716D',
    300: '#DBD9D2',
    200: '#C1BFB9',
    300: '#C1BFB9',
    200: '#DBD9D2',
    100: '#E7E5E0',
    50: '#F8F7F6',
    },
  2. thetutlage created this gist Mar 16, 2024.
    41 changes: 41 additions & 0 deletions tailwind.config.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    /** @type {import('tailwindcss').Config} */
    export default {
    content: ['./resources/**/*.edge', './resources/**/*.{js,ts,jsx,tsx,vue}'],
    theme: {
    extend: {
    fontFamily: {
    sans: ['Inter', 'system-ui', 'sans-serif'],
    },
    colors: {
    primary: '#8E52A9',
    red: {
    600: '#F33330',
    700: '#CC2B28',
    },
    green: {
    700: '#118C37',
    },
    gray: {
    800: '#2C2B2A',
    500: '#72716D',
    300: '#DBD9D2',
    200: '#C1BFB9',
    100: '#E7E5E0',
    50: '#F8F7F6',
    },
    },
    boxShadow: {
    DEFAULT: '0px 2px 4px rgba(44, 43, 42, 0.1)',
    spread: '0px 12px 32px rgba(44, 43, 42, 0.16)',
    },
    minWidth: {
    240: '240px',
    },
    fontSize: {
    'xl': ['1.375rem', '2.125rem'],
    '6xl': ['3.625rem', '4rem'],
    },
    },
    },
    plugins: [],
    }