xcc.es
[READ-ONLY] Mirror of https://github.com/mrgnw/editable-cv.
1.7 kB
68 lines
1import forms from '@tailwindcss/forms';
2import typography from '@tailwindcss/typography';
3
4const round = num =>
5 num
6 .toFixed(7)
7 .replace(/(\.[0-9]+?)0+$/, '$1')
8 .replace(/\.0$/, '');
9const em = (px, base) => `${round(px / base)}em`;
10
11/** @type {import('tailwindcss').Config} */
12export default {
13 content: ['./src/**/*.{html,js,svelte,ts}'],
14 theme: {
15 fontFamily: {
16 sans: ['Jost', 'system-ui']
17 },
18 extend: {
19 typography: {
20 DEFAULT: {
21 css: {
22 h2: {
23 fontSize: em(20, 14),
24 marginTop: em(32, 20),
25 marginBottom: em(4, 20),
26 lineHeight: round(28 / 20)
27 },
28 blockquote: {
29 fontWeight: 'normal',
30 fontStyle: 'normal',
31 color: '',
32 borderLeftWidth: '0.25rem',
33 borderLeftColor: 'var(--tw-prose-quote-borders)',
34 quotes: ''
35 },
36 'blockquote p:first-of-type::before': {
37 content: ''
38 },
39 'blockquote p:last-of-type::after': {
40 content: ''
41 }
42 }
43 },
44 lg: {
45 css: {
46 h2: {
47 fontSize: em(30, 18),
48 marginTop: em(56, 30),
49 marginBottom: em(4, 20),
50 lineHeight: round(40 / 30)
51 }
52 }
53 },
54 xl: {
55 css: {
56 h2: {
57 fontSize: em(30, 18),
58 marginTop: em(56, 30),
59 marginBottom: em(4, 20),
60 lineHeight: round(40 / 30)
61 }
62 }
63 }
64 }
65 }
66 },
67 plugins: [forms, typography]
68};