-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
38 lines (37 loc) · 993 Bytes
/
tailwind.config.js
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
const colors = require('tailwindcss/colors');
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,md,liquid,erb,serb,rb}', './frontend/javascript/**/*.js'],
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
primary: colors.indigo,
secondary: colors.orange,
gray: colors.gray,
indigo: colors.indigo,
amber: colors.amber,
accent: colors.teal,
danger: colors.rose,
},
extend: {
backgroundImage: {
'hero-background': "url('/images/hero.jpg')",
},
},
fontFamily: {
sans: [
'"Inter"',
{
// fontFeatureSettings: '"cv11", "ss01"',
fontVariationSettings: '"opsz" 32',
},
...defaultTheme.fontFamily.sans,
],
},
},
plugins: [require('@tailwindcss/forms')],
};