forked from base-org/onchainsummer.xyz
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
115 lines (115 loc) · 4.5 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
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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
typography: {
DEFAULT: {
css: {
color: '#444',
fontSize: '1rem',
fontFamily: 'var(--font-coinbase-sans)',
fontWeight: '400',
lineHeight: '140%',
},
},
},
colors: {
'timer-active': '#26D356',
'button-dark-bg': '#151515',
'button-dark-text': '#FFFFFF',
'button-dark-hover-bg': '#444444',
'button-light-bg': '#FFFFFF',
'button-light-text': '#151515',
'button-light-hover-bg': '#BFBFBF',
'button-text-text': '#858585',
'ocs-pink': '#FF7DCB',
'ocs-black': '#151515',
'ocs-red': '#FF2D2D',
'ocs-blue': '#0052FF',
'ocs-turquoise': '#54DCE7',
'ocs-gray': '#444444',
'light-palette-line': 'rgba(91, 97, 110, 0.20)',
'light-palette-line-heavy': 'rgba(91, 97, 110, 0.66)',
},
boxShadow: {
card: '6px 6px 0px #010101',
crossMintEmail:
'0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02)',
crossMintEmailFocus:
'0 0 0 3px hsla(210, 96%, 45%, 25%), 0 1px 1px 0 rgba(0, 0, 0, 0.08)',
large:
'0px 2px 30px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.15)',
},
fontFamily: {
sans: ['var(--font-coinbase-sans)'],
text: ['var(--font-coinbase-text)'],
mono: ['var(--font-coinbase-mono)'],
display: ['var(--font-coinbase-display)'],
inter: ['var(--font-inter)'],
},
backgroundImage: {
'trending-linear-gradient':
'linear-gradient(89.61deg, #42A4FF 0.34%, #A462F7 25.17%, #FF58A6 50.01%, #FF833D 74.84%, #FFDD2C 99.68%)',
'blue-gradient':
'linear-gradient(90deg, #309FA7 0%, #9060FF 50%, #0052FF 100%)',
'yellow-gradient':
'linear-gradient(336.54deg, #FF912C -67.93%, #FFEA2D 99.39%)',
'footer-gradient':
'linear-gradient(to bottom, #0052FF 0%, #0052FF 20%, #54DCE7 20%, #54DCE7 40%, #FF7DCB 40%, #FF7DCB 60%, #735DFF 60%, #735DFF 80%, #FCD22D 80%, #FCD22D 100%)',
'footer-background-gradient':
'linear-gradient(to bottom, #FCD22D 0%, #FCD22D 5%, #FF7DCB 5%, #FF7DCB 7.5%, #0052FF 7.5%, #0052FF 10%, #FCD22D 10%, #FCD22D 12.5%, #735DFF 12.5%, #735DFF 15%, #FF7DCB 15%, #FF7DCB 17.5%, #735DFF 17.5%, #735DFF 20%, #54DCE7 20%, #54DCE7 22.5%, #FCD22D 22.5%, #FCD22D 32.5%, #735DFF 32.5%, #735DFF 50%, #0052FF 50%, #0052FF 100%)',
'subnav-background-gradient':
'linear-gradient(to bottom, #FCD22D 0%, #FCD22D 11%, #735DFF 11%, #735DFF 26%, #54DCE7 26%, #54DCE7 45%, #FF7DCB 45%, #FF7DCB 68%, #0052FF 68%, #0052FF 100%)',
'teaser-gradient':
'linear-gradient(to bottom, white 0%, white 65.77%, #FF7DCB 65.77%, #FF7DCB 67.88%, #0052FF 67.88%, #0052FF 69.76%, #54DCE7 69.76%, #54DCE7 72.53%, #FCD22D 72.53%, #FCD22D 80.08%, #735DFF 80.08%, #735DFF 84.41%, #0052FF 84.41%, #0052FF 100%)',
'teaser-gradient-ios':
'linear-gradient(to bottom, white 0%, white 50%, #FF7DCB 50%, #FF7DCB 53.11%, #0052FF 53.11%, #0052FF 55.88%, #54DCE7 55.88%, #54DCE7 59.99%, #FCD22D 59.99%, #FCD22D 71.10%, #735DFF 71.10%, #735DFF 77.54%, #0052FF 77.54%, #0052FF 100%)',
},
keyframes: {
overlayShow: {
from: { opacity: 0 },
to: { opacity: 1 },
},
contentShow: {
from: { opacity: 0, transform: 'translate(-50%, -48%) scale(0.96)' },
to: { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },
},
},
animation: {
overlayShow: 'overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
contentShow: 'contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
},
fontSize: {
base: [
'1rem',
{
lineHeight: '140%',
fontWeight: '400',
},
],
},
},
},
plugins: [
function ({ addUtilities }) {
const newUtilities = {
'.hide-scrollbar::-webkit-scrollbar': {
display: 'none',
width: '0px',
},
'.hide-scrollbar': {
scrollbarWidth: 'none',
'-ms-overflow-style': 'none',
},
}
addUtilities(newUtilities)
},
require('@tailwindcss/typography'),
require('tailwindcss-radix'),
],
}