atlas/tailwind.config.js at main · uabluerail/atlas · 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
40
41
42
43
/** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin')

export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    fontFamily: {
      'emoji': ['Noto Color Emoji', 'Sergoe UI Emoji', 'Apple Color Emoji', 'sans-serif']
    },
    extend: {
      textShadow: {
        sm: '0 1px 2px var(--tw-shadow-color)',
        DEFAULT: '0 2px 4px var(--tw-shadow-color)',
        lg: '0 8px 16px var(--tw-shadow-color)',
      },
      height: {
        '128': '32rem',
        '144': '36rem',
      },
      screens: {
        desktop: { 'min': '701px' },
        // => @media (min-width: 701px) { ... }
        mobile: { 'max': '700px' },
        // => @media (max-width: 600px) { ... }
        xs: { 'max': '370px' }
        // => @media (max-width: 370px) { ... }
      },
    },
  },
  plugins: [
    require("@tailwindcss/forms"),
    plugin(function ({ matchUtilities, theme }) {
      matchUtilities(
        {
          'text-shadow': (value) => ({
            textShadow: value,
          }),
        },
        { values: theme('textShadow') }
      )
    }),
  ],
};