block-widgets/tailwind.config.js at main · jonathanjameswatson/block-widgets · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
const plugin = require('tailwindcss/plugin')

exports.default = {
  darkMode: 'class',
  theme: {
    fontFamily: {
      default:
        'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"',
      serif:
        'Lyon-Text, Georgia, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", "Songti SC", "SimSun", "Nanum Myeongjo", NanumMyeongjo, Batang, serif',
      mono: 'iawriter-mono, Nitti, Menlo, Courier, monospace',
    },
    extend: {
      colors: {
        notion: {
          text: {
            DEFAULT: 'rgb(55, 53, 47)',
            dark: {
              DEFAULT: 'rgba(255, 255, 255, 0.87)',
              old: 'rgb(235, 235, 235)',
            },
          },
          bg: {
            DEFAULT: 'white',
            dark: {
              DEFAULT: 'rgb(25, 25, 25)',
              old: 'rgb(47, 52, 55)',
            },
            hover: {
              DEFAULT: 'rgba(55, 53, 47, 0.08)',
              dark: {
                DEFAULT: 'rgba(255, 255, 255, 0.055)',
                old: 'rgb(71, 76, 80)',
              },
            },
          },
          border: {
            DEFAULT: 'rgba(55, 53, 47, 0.16)',
            dark: {
              DEFAULT: 'rgba(255, 255, 255, 0.13)',
              old: 'rgba(255, 255, 255, 0.14)',
            },
          },
        },
      },
      lineHeight: {
        notion: 1.3,
      },
      spacing: {
        '2px': '2px',
        '3px': '3px',
        'notion-title': 'calc(1em - 4px)',
        'drag-radius': '0.25rem',
        'drag-border': '1.5rem',
        'drag-overlap': '0.5rem',
      },
      fontSize: {
        'notion-normal': '17px',
        'notion-small': '15px',
        'notion-title': '1.25em',
      },
    },
  },
  content: [
    'components/**/*.{vue,js}',
    'pages/**/*.vue',
    'app.vue',
    './safelist.txt',
  ],
  plugins: [
    plugin(({ addVariant }) => {
      addVariant('old', '.old-dark &')
    }),
  ],
}