-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
50 lines (50 loc) · 1.36 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
/** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin');
const rotateX = plugin(function ({ addUtilities }) {
addUtilities({
'.rotate-y-180': {
transform: 'rotateY(180deg)',
},
});
});
module.exports = {
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
theme: {
container: {
center: true,
padding: '1rem',
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1216px',
},
fontFamily: {
noto: ['Noto Sans, sans-serif'],
},
colors: {
white: '#ffffff',
black: '#000',
orange:'#ff6154',
gray: '#4b587c',
lightGray: '#4b587c',
darkGray: '#eef2ff',
backgroundLight:'#f5f8ff',
background:'#fff',
borderLight:"#d9e1ec"
},
extend: {
typography: ({ theme }) => ({
DEFAULT: {
css: {
color: theme('colors.gray'),
fontSize: '1.125rem',
},
},
}),
},
},
plugins: [require('@tailwindcss/line-clamp'), rotateX, require('@tailwindcss/typography')],
};