FilesExpand file tree

main

/

tailwind.config.mjs

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

94 lines (92 loc) · 2.51 KB

main

/

tailwind.config.mjs

Copy path

Top

File metadata and controls

• Code
• Blame

94 lines (92 loc) · 2.51 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

import { fontFamily } from "tailwindcss/defaultTheme";

import typography from "@tailwindcss/typography";

/** @type {import('tailwindcss').Config} */

const config = {

darkMode: ["class"],

content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],

safelist: ["dark"],

theme: {

container: {

center: true,

padding: "2rem",

screens: {

"2xl": "1400px"

}

},

extend: {

colors: {

border: "hsl(var(--border) / <alpha-value>)",

input: "hsl(var(--input) / <alpha-value>)",

ring: "hsl(var(--ring) / <alpha-value>)",

background: "hsl(var(--background) / <alpha-value>)",

foreground: "hsl(var(--foreground) / <alpha-value>)",

primary: {

DEFAULT: "hsl(var(--primary) / <alpha-value>)",

foreground: "hsl(var(--primary-foreground) / <alpha-value>)"

},

secondary: {

DEFAULT: "hsl(var(--secondary) / <alpha-value>)",

foreground: "hsl(var(--secondary-foreground) / <alpha-value>)"

},

destructive: {

DEFAULT: "hsl(var(--destructive) / <alpha-value>)",

foreground: "hsl(var(--destructive-foreground) / <alpha-value>)"

},

muted: {

DEFAULT: "hsl(var(--muted) / <alpha-value>)",

foreground: "hsl(var(--muted-foreground) / <alpha-value>)"

},

accent: {

DEFAULT: "hsl(var(--accent) / <alpha-value>)",

foreground: "hsl(var(--accent-foreground) / <alpha-value>)"

},

popover: {

DEFAULT: "hsl(var(--popover) / <alpha-value>)",

foreground: "hsl(var(--popover-foreground) / <alpha-value>)"

},

card: {

DEFAULT: "hsl(var(--card) / <alpha-value>)",

foreground: "hsl(var(--card-foreground) / <alpha-value>)"

}

},

borderRadius: {

lg: "var(--radius)",

md: "calc(var(--radius) - 2px)",

sm: "calc(var(--radius) - 4px)"

},

fontFamily: {

sans: [...fontFamily.sans],

display:["Rubik Mono One", ...fontFamily.sans],

mono:["Overpass Mono","mono"]

}

},

typography: (theme) => ({

newsMarkdown: {

css: {

h1: {

fontFamily: theme('fontFamily.display').join(', '),

fontSize: theme('fontSize.4xl'),

marginTop: '1rem',

},

h2: {

fontFamily: theme('fontFamily.display').join(', '),

fontSize: theme('fontSize.2xl'),

marginTop: '1rem',

},

h3: {

fontFamily: theme('fontFamily.display').join(', '),

fontSize: theme('fontSize.xl'),

marginTop: '1rem',

},

p: {

marginTop: '1rem',

}

},

},

}),

},

plugins: [

typography, // Add the typography plugin

],

};

export default config;