-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
69 lines (67 loc) · 1.92 KB
/
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
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
const plugin = require('tailwindcss/plugin')
const colors = require('tailwindcss/colors')
module.exports = {
purge: {
content: [
'./src/**/*.vue',
'./src/**/*.js',
'./src/**/*.jsx',
'./src/**/*.html',
'./src/**/*.pug',
'./src/**/*.md',
],
whitelist: [
'body',
'html',
'img',
'a',
'g-image',
'g-image--lazy',
'g-image--loaded',
],
},
theme: {
colors: {
// Build your palette here
transparent: 'transparent',
current: 'currentColor',
gray: colors.blueGray,
red: colors.rose,
blue: colors.sky,
green: colors.teal,
},
fontFamily: {
'sans': ['"Open Sans"', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
'mono': ['"Roboto Mono"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'],
},
extend: {
strokeWidth: {
'1-5': '1.5'
},
},
},
variants: {},
plugins: [
plugin(function({ addComponents }) {
const links = {
'.link': {
color: '#BE123C',
background: 'linear-gradient(to top, #E11D48, #E11D48 50%, transparent 50%)',
backgroundSize: '100% 200%',
textDecoration: 'underline',
textDecorationThickness: '2px',
textUnderlineOffset: '3px',
transitionProperty: 'color background-position',
transitionDuration: '200ms',
transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
'&:hover': {
color: '#E5E7EB',
backgroundPosition: '0 bottom',
textDecorationColor: '#E11D48'
},
},
}
addComponents(links)
})
],
}