-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
52 lines (48 loc) · 1.47 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
// See the Tailwind default theme values here:
// https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config */
module.exports = {
plugins: [
require('@tailwindcss/aspect-ratio'),
require('@tailwindcss/forms'),
require('@tailwindcss/line-clamp'),
require('@tailwindcss/typography'),
],
content: [
'./app/helpers/**/*.rb',
'./app/javascript/**/*.js',
'./app/views/**/*.erb',
'./app/views/**/*.slim'
],
// All the default values will be compiled unless they are overridden below
theme: {
// Extend (add to) the default theme in the `extend` key
extend: {
// Create your own at: https://javisperez.github.io/tailwindcolorshades
colors: {
primary: colors.blue,
secondary: colors.emerald,
tertiary: colors.gray,
danger: colors.red,
teal: colors.teal,
cyan: colors.cyan,
"code-400": "#fefcf9",
"code-600": "#3c455b",
"semisto-1": "#927AA3",
"semisto-2": "#B36189",
"semisto-3": "#D85965",
"semisto-4": "#434771",
"semisto-5": "#CFB51C"
},
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
serif: ['Vesper Libre', ...defaultTheme.fontFamily.serif]
},
},
},
// Opt-in to TailwindCSS future changes
future: {
},
}