File tree 4 files changed +66
-2
lines changed
4 files changed +66
-2
lines changed Original file line number Diff line number Diff line change 8
8
@plugin '@tailwindcss/forms' ;
9
9
@plugin '@tailwindcss/typography' ;
10
10
11
+ @config './tailwind.config.js' ;
12
+
11
13
@theme {
12
14
--color- * : initial;
13
15
--color-transparent : transparent;
Original file line number Diff line number Diff line change 18
18
},
19
19
"devDependencies" : {
20
20
"@tailwindcss/cli" : " ^4.0.4" ,
21
+ "@tailwindcss/typography" : " ^0.5.16" ,
21
22
"tailwindcss" : " ^4.0.4"
22
23
},
23
24
"dependencies" : {
24
25
"@skymatic/fontawesome-pro" : " ^5.15.4" ,
25
26
"@tailwindcss/forms" : " ^0.5.7" ,
26
- "@tailwindcss/typography" : " ^0.5.13" ,
27
27
"alpinejs" : " ^3.14.1" ,
28
28
"jquery" : " ^3.7.1" ,
29
29
"js-yaml" : " ^4.1.0" ,
Original file line number Diff line number Diff line change
1
+ /** @type {import('tailwindcss').Config } */
2
+ module . exports = {
3
+ theme : {
4
+ extend : {
5
+ typography : ( theme ) => ( {
6
+ DEFAULT : {
7
+ css : {
8
+ a : {
9
+ color : 'var(--color-primary)' ,
10
+ textDecoration : 'none' ,
11
+ '&:hover' : {
12
+ color : 'var(--color-primary)' ,
13
+ textDecoration : 'underline' ,
14
+ } ,
15
+ } ,
16
+ h1 : {
17
+ fontFamily : 'var(--font-headline)' ,
18
+ fontWeight : 'var(--font-weight-medium)' ,
19
+ } ,
20
+ h2 : {
21
+ fontFamily : 'var(--font-headline)' ,
22
+ fontWeight : 'var(--font-weight-medium)' ,
23
+ } ,
24
+ h3 : {
25
+ fontFamily : 'var(--font-headline)' ,
26
+ fontWeight : 'var(--font-weight-normal)' ,
27
+ } ,
28
+ h4 : {
29
+ fontFamily : 'var(--font-headline)' ,
30
+ fontWeight : 'var(--font-weight-normal)' ,
31
+ } ,
32
+ 'code::before' : {
33
+ content : 'unset' ,
34
+ } ,
35
+ 'code::after' : {
36
+ content : 'unset' ,
37
+ } ,
38
+ blockquote : {
39
+ fontStyle : 'normal' ,
40
+ } ,
41
+ 'blockquote p:first-of-type::before' : {
42
+ content : 'unset' ,
43
+ } ,
44
+ 'blockquote p:last-of-type::after' : {
45
+ content : 'unset' ,
46
+ } ,
47
+ 'ul > li::before' : {
48
+ backgroundColor : 'var(--color-gray-500)' ,
49
+ } ,
50
+ } ,
51
+ }
52
+ } ) ,
53
+ } ,
54
+ }
55
+ }
You can’t perform that action at this time.
0 commit comments