FilesExpand file tree

NewDesign

/

tailwind.config.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

127 lines (127 loc) · 3.34 KB

NewDesign

/

tailwind.config.js

Copy path

Top

File metadata and controls

• Code
• Blame

127 lines (127 loc) · 3.34 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

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

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

module.exports = {

content: [

'./layouts/**/*.html',

'./content/**/*.{html,md}',

'./assets/css/**/*.css',

],

theme: {

extend: {

fontFamily: {

sans: ['Inter', 'system-ui', 'sans-serif'],

},

colors: {

darkTheme: '#111827',

brand: {

DEFAULT: '#0B162C',

muted: '#334155',

},

},

animation: {

marquee: 'marquee 25s linear infinite',

'scroll-up': 'scroll-up 35s linear infinite',

'scroll-down': 'scroll-down 35s linear infinite',

},

keyframes: {

marquee: {

'0%': { transform: 'translateX(0%)' },

'100%': { transform: 'translateX(-50%)' },

},

'scroll-up': {

'0%': { transform: 'translateY(0)' },

'100%': { transform: 'translateY(-50%)' },

},

'scroll-down': {

'0%': { transform: 'translateY(-50%)' },

'100%': { transform: 'translateY(0)' },

},

},

},

},

plugins: [],

safelist: [

'animate-marquee',

'animate-scroll-up',

'animate-scroll-down',

'group-hover:[animation-play-state:paused]',

'snap-none',

'animate-bounce',

'is-active',

'text-brand',

'hover:text-brand',

'bg-brand',

'nav-shell',

'nav-item-browse',

'nav-item-about',

'nav-dropdown',

'nav-dropdown--mega',

'nav-dropdown--about',

'is-open',

'group-hover/browse:rotate-180',

'group-hover/browse:opacity-100',

'group-hover/browse:visible',

'group-hover/browse:pointer-events-auto',

'group-focus-within/browse:opacity-100',

'group-focus-within/browse:visible',

'group-focus-within/browse:pointer-events-auto',

'group-hover/about:rotate-180',

'group-hover/about:opacity-100',

'group-hover/about:visible',

'group-hover/about:pointer-events-auto',

'group-focus-within/about:opacity-100',

'group-focus-within/about:visible',

'group-focus-within/about:pointer-events-auto',

'group-hover/cat:text-brand',

'group-hover/cat:bg-brand/10',

'line-clamp-1',

'bg-brand/[0.06]',

'group-hover/logo:bg-brand/10',

'search-palette-open',

'search-palette-page',

'search-palette--embedded',

'is-visible',

'is-active',

'search-palette__badge--ai',

'search-palette__badge--game',

'search-palette__badge--design',

'search-palette__badge--store',

'nav-mega',

'nav-mega__panel',

'nav-mega__grid',

'nav-mega__col',

'nav-mega__col--hubs',

'nav-mega__label',

'nav-mega__list',

'nav-mega__list--hubs',

'nav-mega__cat-link',

'nav-mega__cat-icon',

'nav-mega__cat-text',

'nav-mega__cat-name',

'nav-mega__cat-sub',

'nav-mega__cat-arrow',

'nav-mega__hub-link',

'nav-mega__view-all',

'theme-toggle-nav',

'theme-toggle-nav__icon',

'theme-toggle-nav__icon--dark',

'theme-toggle-nav__icon--light',

'browse-index',

'browse-index__hero',

'browse-category-card',

'browse-category-grid',

'browse-hub-card',

'browse-hub-grid',

'home-why',

'home-why__eyebrow',

'home-why__title',

'home-why__intro',

'home-why__card',

'home-why__card-icon',

'home-why__card-title',

'home-why__card-text',

'home-why__perks',

'home-why__perk',

'home-why__perk-icon',

'home-why__perk-text',

],

};