RomainMuller.github.io/tailwind.config.js at main · RomainMuller/RomainMuller.github.io · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './.eleventy.js',
    './_includes/**/*.njk',
    './*.md',
    './posts/**/*.md',
  ],
  safelist: [
    // Prism classes
    'token',
    'boolean',
    'class-name',
    'constant',
    'keyword',
    'literal-property',
    'operator',
    'property',
    'punctuation',
    'string',
  ],
  theme: {
    extend: {
      animation: {
        'bg-slide': 'bg-slide 15s ease infinite',
      },
      backgroundSize: {
        'double': '200%',
      },
      colors: {
        'rbow-blue': '#0d6efd',
        'rbow-indigo': '#6610f2',
        'rbow-orange': '#fd7e14',
        'rbow-red': '#dc3545',
        'rbow-teal': '#20c997',
        'rbow-yellow': '#ffc107',
      },
      keyframes: {
        'bg-slide': {
          '0%': { backgroundPosition: '0 50%' },
          '50%': { backgroundPosition: '100% 50%' },
          '100%': { backgroundPosition: '0 50%' },
        },
      },
    },
    fontFamily: {
      'body': ['Fira Sans', 'sans-serif'],
      'mono': ['Fira Code', 'monospace'],
    },
  },
  plugins: [
  ],
};