CoffeeCo/tailwind.config.js at main · Blockitifluy/CoffeeCo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
export const content = [
  './src/**/*.{js,jsx,ts,tsx}',
  './index.html',
  './errors/**/*.html',
];

/** @type {import('tailwindcss').Config} */
export const theme = {
  colors: {
    white: '#fff',
    background: 'rgb(var(--color-background) / <alpha-value>)',
    header: 'rgb(var(--color-header) / <alpha-value>)',
    button: 'rgb(var(--color-button) / <alpha-value>)',

    subtitle: 'rgb(var(--color-subtitle) / <alpha-value>)',
    title: 'rgb(var(--color-title) / <alpha-value>)',
    text: 'rgb(var(--color-text) / <alpha-value>)',

    accent: 'rgb(var(--color-accent) / <alpha-value>)',
    warning: 'rgb(var(--color-warning) / <alpha-value>)',

    outline: 'rgb(var(--color-outline) / <alpha-value>)',
  },

  extend: {
    width: {
      post: '32rem',
    },
    gridTemplateRows: {
      post: '32px 1fr',
    },

    gridTemplateColumns: {
      header: '1fr 2fr 1fr',
      miniheader: '2fr 1fr',
      post: '32px 1fr',
    },
  },
};