hds-web 1.28.0 → 1.28.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.css +2 -2
- package/dist/index.es.css +2 -2
- package/dist/index.es.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/HDS/components/Cards/ConnectorCard/connectorCard.js +67 -0
- package/src/HDS/components/Cards/ConnectorCard/index.js +1 -0
- package/src/HDS/modules/Cards/aboutSection.js +127 -0
- package/src/HDS/modules/Cards/index.js +2 -1
- package/src/HDS/modules/Faq/faq.js +93 -0
- package/src/HDS/modules/Faq/index.js +1 -0
- package/src/styles/tailwind.css +148 -24
package/package.json
CHANGED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Typography } from "../../../foundation/Typography";
|
|
3
|
+
import { Icon } from "../../common-components";
|
|
4
|
+
export default function ConnectorCard(props) {
|
|
5
|
+
return (
|
|
6
|
+
<>
|
|
7
|
+
{
|
|
8
|
+
props.linkUrl &&
|
|
9
|
+
(
|
|
10
|
+
<a
|
|
11
|
+
href={props.linkUrl}
|
|
12
|
+
className=" flex flex-col gap-10 justify-between h-full">
|
|
13
|
+
<div className="flex justify-between">
|
|
14
|
+
{props.imgUrl &&
|
|
15
|
+
<div className="w-10 h-10 rounded-full border border-neutral-300 ">
|
|
16
|
+
<img
|
|
17
|
+
alt={props.title ?? 'connectorImage'}
|
|
18
|
+
src={props.imgUrl}
|
|
19
|
+
className="rounded-full w-full " />
|
|
20
|
+
|
|
21
|
+
</div>}
|
|
22
|
+
{props.checkIcon && <div >
|
|
23
|
+
<Icon
|
|
24
|
+
height={'h-6 w-6 stroke-[1.5px]'}
|
|
25
|
+
variant={props.checkIcon}
|
|
26
|
+
strokeClass='stroke-blue-600'
|
|
27
|
+
/>
|
|
28
|
+
</div>}
|
|
29
|
+
</div>
|
|
30
|
+
<div>
|
|
31
|
+
{props.title &&
|
|
32
|
+
<Typography
|
|
33
|
+
textStyle='body2-bold'
|
|
34
|
+
className='text-neutral-1000'
|
|
35
|
+
>
|
|
36
|
+
{props.title}
|
|
37
|
+
</Typography>}
|
|
38
|
+
{props.description &&
|
|
39
|
+
<Typography
|
|
40
|
+
textStyle='body3'
|
|
41
|
+
className='pt-2 text-neutral-600'
|
|
42
|
+
>
|
|
43
|
+
{props.description}
|
|
44
|
+
</Typography>}
|
|
45
|
+
<div
|
|
46
|
+
className="flex flex-row items-center gap-2 pt-3"
|
|
47
|
+
>
|
|
48
|
+
{props.iconVariant && <Icon
|
|
49
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
50
|
+
variant={props.iconVariant}
|
|
51
|
+
strokeClass='stroke-neutral-600'
|
|
52
|
+
/>}
|
|
53
|
+
{props.iconTag &&
|
|
54
|
+
<Typography
|
|
55
|
+
textStyle='body2-bold'
|
|
56
|
+
className='text-neutral-1000'
|
|
57
|
+
>
|
|
58
|
+
{props.iconTag}
|
|
59
|
+
</Typography>}
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</a>
|
|
63
|
+
)
|
|
64
|
+
}
|
|
65
|
+
</>
|
|
66
|
+
)
|
|
67
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ConnectorCard } from './connectorCard';
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Badges } from '../../components/BadgesCaption'
|
|
3
|
+
import { Typography } from "../../foundation/Typography";
|
|
4
|
+
import { HDSButton } from '../../components/Buttons';
|
|
5
|
+
import { Icon } from "../../components/common-components";
|
|
6
|
+
export default function AboutSection(props) {
|
|
7
|
+
return (
|
|
8
|
+
<>
|
|
9
|
+
<div className="divide-y divide-neutral-200">
|
|
10
|
+
<div className=" pb-8">
|
|
11
|
+
<div>
|
|
12
|
+
<div className="w-14 h-14 rounded-full border border-neutral-300 ">
|
|
13
|
+
<img alt={props.title ?? 'connectorImage'} src={props.imgUrl} className="rounded-full w-full " />
|
|
14
|
+
|
|
15
|
+
</div>
|
|
16
|
+
{/* <div className="-mt-4">
|
|
17
|
+
<Icon
|
|
18
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
19
|
+
variant='checkverified01'
|
|
20
|
+
strokeClass='stroke-blue-600'
|
|
21
|
+
/>
|
|
22
|
+
</div> */}
|
|
23
|
+
{props.tags &&
|
|
24
|
+
<div className="gap-2 pt-8 flex flex-wrap">
|
|
25
|
+
{props.tags.map((tag, index) => (
|
|
26
|
+
<Badges
|
|
27
|
+
key={index}
|
|
28
|
+
color={tag.color}
|
|
29
|
+
children={tag.label}
|
|
30
|
+
/>
|
|
31
|
+
))}
|
|
32
|
+
</div>
|
|
33
|
+
}
|
|
34
|
+
</div>
|
|
35
|
+
<div>
|
|
36
|
+
{props.title && <div className='pt-4 text-hds-t-h3 text-neutral-1000'>{props.title}</div>}
|
|
37
|
+
{props.description && <Typography textStyle='sub2' className='pt-2 text-neutral-500'>{props.description}</Typography>}
|
|
38
|
+
</div>
|
|
39
|
+
<a href={props.btnLink} className='mt-4 flex' >
|
|
40
|
+
<HDSButton
|
|
41
|
+
type="secondary"
|
|
42
|
+
label={props.btnLabel ?? 'Deployment guide'}
|
|
43
|
+
state='default'
|
|
44
|
+
size='sm'
|
|
45
|
+
rightAnimatedArrow='true'
|
|
46
|
+
rightAnimatedArrowColor='#3970FD'
|
|
47
|
+
/>
|
|
48
|
+
</a>
|
|
49
|
+
|
|
50
|
+
</div>
|
|
51
|
+
<div className="py-8 ">
|
|
52
|
+
<Typography textStyle='h6' className='text-neutral-500 uppercase'>{props.aboutTitle ?? 'About'}</Typography>
|
|
53
|
+
<div className="pt-4 flex flex-col gap-2">
|
|
54
|
+
<div className="flex gap-2">
|
|
55
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.version ?? 'Version'}</Typography>
|
|
56
|
+
<Badges
|
|
57
|
+
color='blue'
|
|
58
|
+
children={props.versionValue}
|
|
59
|
+
// text_color='text-neutral-0'
|
|
60
|
+
/>
|
|
61
|
+
</div>
|
|
62
|
+
<div className="flex gap-2 items-center">
|
|
63
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.typeText ?? 'Type'}</Typography>
|
|
64
|
+
<Icon
|
|
65
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
66
|
+
variant='github'
|
|
67
|
+
/>
|
|
68
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.typeValue}</Typography>
|
|
69
|
+
|
|
70
|
+
</div>
|
|
71
|
+
<div className="flex gap-2">
|
|
72
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.releasedText ?? 'Released'}</Typography>
|
|
73
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.releasedValue}</Typography>
|
|
74
|
+
</div>
|
|
75
|
+
<div className="flex gap-2">
|
|
76
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.lastUpdatedText ?? 'Last Updated'}</Typography>
|
|
77
|
+
<Typography textStyle='body1-medium' className='text-neutral-500'>{props.lastUpdateValue}</Typography>
|
|
78
|
+
</div>
|
|
79
|
+
{props.githubRepoLink && <a href={props.githubRepoLink} className="flex gap-2 items-center">
|
|
80
|
+
<Icon
|
|
81
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
82
|
+
variant='octoface'
|
|
83
|
+
|
|
84
|
+
/>
|
|
85
|
+
<Typography
|
|
86
|
+
textStyle='body1-medium'
|
|
87
|
+
className='text-blue-600'
|
|
88
|
+
>
|
|
89
|
+
{props.githubText ?? 'Github Repo'}
|
|
90
|
+
</Typography>
|
|
91
|
+
<Icon
|
|
92
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
93
|
+
variant='linkexternal01'
|
|
94
|
+
strokeClass='stroke-blue-600'
|
|
95
|
+
/>
|
|
96
|
+
</a>}
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
</div>
|
|
100
|
+
<div className="py-8">
|
|
101
|
+
<Typography textStyle='h6' className='text-neutral-500 uppercase'>{props.creator ?? 'Creator'}</Typography>
|
|
102
|
+
<a href={props.hasuraIncUrl} className="flex gap-2 items-center pt-4">
|
|
103
|
+
|
|
104
|
+
<Typography
|
|
105
|
+
textStyle='body1-medium'
|
|
106
|
+
className='text-blue-600'
|
|
107
|
+
>
|
|
108
|
+
{props.hasuraInc ?? 'Hasura, Inc'}
|
|
109
|
+
</Typography>
|
|
110
|
+
<Icon
|
|
111
|
+
height={'h-5 w-5 stroke-[1.5px]'}
|
|
112
|
+
variant='linkexternal01'
|
|
113
|
+
strokeClass='stroke-blue-600'
|
|
114
|
+
/>
|
|
115
|
+
</a>
|
|
116
|
+
<Typography
|
|
117
|
+
textStyle='body1-medium'
|
|
118
|
+
className='text-neutral-500 pt-2'
|
|
119
|
+
>
|
|
120
|
+
{props.Email ?? 'support@hasura.io'}
|
|
121
|
+
</Typography>
|
|
122
|
+
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</>
|
|
126
|
+
)
|
|
127
|
+
}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as DataSourcesCard } from './dataSourceCard';
|
|
1
|
+
export { default as DataSourcesCard } from './dataSourceCard';
|
|
2
|
+
export { default as AboutSectionCard } from './aboutSection';
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { motion, AnimatePresence } from 'framer-motion';
|
|
3
|
+
import { Typography } from '../../foundation/Typography';
|
|
4
|
+
function DefaultAccordion(props) {
|
|
5
|
+
const [open, setOpen] = useState(null);
|
|
6
|
+
|
|
7
|
+
const handleOpen = (index) => {
|
|
8
|
+
if (open === index) {
|
|
9
|
+
setOpen(null);
|
|
10
|
+
} else {
|
|
11
|
+
setOpen(index);
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
const icon = (open) => (
|
|
15
|
+
<motion.div
|
|
16
|
+
initial={{ opacity: 0 }}
|
|
17
|
+
animate={{ opacity: 1 }}
|
|
18
|
+
transition={{ duration: 0.3, opacity: { ease: "easeIn" } }}
|
|
19
|
+
className='h-5 w-5 mt-3.5'>
|
|
20
|
+
<div className=' h-5 cursor-pointer' >
|
|
21
|
+
<div
|
|
22
|
+
aria-hidden="true"
|
|
23
|
+
className={` block absolute h-[2px] w-[14px] bg-blue-600 transform transition duration-300 `}
|
|
24
|
+
/>
|
|
25
|
+
<div
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
className={`${((!open) ? '-rotate-90 ' : '')} block absolute h-0.5 w-[14px] bg-blue-600 transition-all duration-300 ease-in-out`}
|
|
28
|
+
/>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
</motion.div>
|
|
32
|
+
)
|
|
33
|
+
return (
|
|
34
|
+
<div className='divide-y divide-neutral-200'>
|
|
35
|
+
{props.accordionData && props.accordionData.map((item, index) => (
|
|
36
|
+
<div
|
|
37
|
+
key={index}
|
|
38
|
+
className="py-6 flex items-start">
|
|
39
|
+
<div
|
|
40
|
+
className='pr-4'
|
|
41
|
+
>
|
|
42
|
+
{icon(open === index ? true : false)}
|
|
43
|
+
</div>
|
|
44
|
+
<div>
|
|
45
|
+
|
|
46
|
+
<motion.div
|
|
47
|
+
className="cursor-pointer "
|
|
48
|
+
onClick={() => handleOpen(index)}
|
|
49
|
+
initial={{ opacity: 0 }}
|
|
50
|
+
animate={{ opacity: 1 }}
|
|
51
|
+
exit={{ opacity: 1 }}
|
|
52
|
+
transition={{ duration: 0.3, type: 'easeIn' }}
|
|
53
|
+
>
|
|
54
|
+
<div className="flex items-center justify-between">
|
|
55
|
+
<div className='flex items-center'>
|
|
56
|
+
{/* <Icon
|
|
57
|
+
height={'h-5 w-5 stroke-[1.5px] '}
|
|
58
|
+
variant={open === index ? 'minus' : 'plus'}
|
|
59
|
+
strokeClass='stroke-blue-600'
|
|
60
|
+
className='transition-all duration-500'
|
|
61
|
+
/> */}
|
|
62
|
+
{item.title && <Typography textStyle='body1-medium' className='text-neutral-900'>
|
|
63
|
+
{item.title}
|
|
64
|
+
</Typography>}
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</motion.div>
|
|
68
|
+
<AnimatePresence>
|
|
69
|
+
{open === index && (
|
|
70
|
+
<motion.div
|
|
71
|
+
className=""
|
|
72
|
+
initial={{ height: 0, opacity: 0 }}
|
|
73
|
+
animate={{ height: 'auto', opacity: 1 }}
|
|
74
|
+
exit={{ height: 0, opacity: 0 }}
|
|
75
|
+
transition={{ duration: 0.2, type: 'tween' }}
|
|
76
|
+
>
|
|
77
|
+
{item.content &&
|
|
78
|
+
<Typography
|
|
79
|
+
textStyle='body1'
|
|
80
|
+
className='text-neutral-900'>
|
|
81
|
+
{item.content}
|
|
82
|
+
</Typography>}
|
|
83
|
+
</motion.div>
|
|
84
|
+
)}
|
|
85
|
+
</AnimatePresence>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
))}
|
|
89
|
+
</div>
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
export default DefaultAccordion;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FAQSection } from './faq';
|
package/src/styles/tailwind.css
CHANGED
|
@@ -833,6 +833,10 @@ select{
|
|
|
833
833
|
visibility: hidden;
|
|
834
834
|
}
|
|
835
835
|
|
|
836
|
+
.collapse{
|
|
837
|
+
visibility: collapse;
|
|
838
|
+
}
|
|
839
|
+
|
|
836
840
|
.static{
|
|
837
841
|
position: static;
|
|
838
842
|
}
|
|
@@ -1505,6 +1509,34 @@ select{
|
|
|
1505
1509
|
margin-top: 70px;
|
|
1506
1510
|
}
|
|
1507
1511
|
|
|
1512
|
+
.-mr-1{
|
|
1513
|
+
margin-right: -0.25rem;
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
.mb-0{
|
|
1517
|
+
margin-bottom: 0px;
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
.ml-auto{
|
|
1521
|
+
margin-left: auto;
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
.ml-\[28px\]{
|
|
1525
|
+
margin-left: 28px;
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
.ml-9{
|
|
1529
|
+
margin-left: 2.25rem;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
.ml-10{
|
|
1533
|
+
margin-left: 2.5rem;
|
|
1534
|
+
}
|
|
1535
|
+
|
|
1536
|
+
.mt-3\.5{
|
|
1537
|
+
margin-top: 0.875rem;
|
|
1538
|
+
}
|
|
1539
|
+
|
|
1508
1540
|
.line-clamp-3{
|
|
1509
1541
|
overflow: hidden;
|
|
1510
1542
|
display: -webkit-box;
|
|
@@ -1772,6 +1804,10 @@ select{
|
|
|
1772
1804
|
max-height: 100vh;
|
|
1773
1805
|
}
|
|
1774
1806
|
|
|
1807
|
+
.max-h-0{
|
|
1808
|
+
max-height: 0px;
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1775
1811
|
.min-h-\[12px\]{
|
|
1776
1812
|
min-height: 12px;
|
|
1777
1813
|
}
|
|
@@ -1994,6 +2030,14 @@ select{
|
|
|
1994
2030
|
width: 100vw;
|
|
1995
2031
|
}
|
|
1996
2032
|
|
|
2033
|
+
.w-\[12px\]{
|
|
2034
|
+
width: 12px;
|
|
2035
|
+
}
|
|
2036
|
+
|
|
2037
|
+
.w-\[14px\]{
|
|
2038
|
+
width: 14px;
|
|
2039
|
+
}
|
|
2040
|
+
|
|
1997
2041
|
.min-w-\[11\.5rem\]{
|
|
1998
2042
|
min-width: 11.5rem;
|
|
1999
2043
|
}
|
|
@@ -2060,6 +2104,10 @@ select{
|
|
|
2060
2104
|
min-width: 100%;
|
|
2061
2105
|
}
|
|
2062
2106
|
|
|
2107
|
+
.min-w-\[242px\]{
|
|
2108
|
+
min-width: 242px;
|
|
2109
|
+
}
|
|
2110
|
+
|
|
2063
2111
|
.max-w-2xl{
|
|
2064
2112
|
max-width: 42rem;
|
|
2065
2113
|
}
|
|
@@ -2312,6 +2360,36 @@ select{
|
|
|
2312
2360
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2313
2361
|
}
|
|
2314
2362
|
|
|
2363
|
+
.rotate-0{
|
|
2364
|
+
--tw-rotate: 0deg;
|
|
2365
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2366
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2367
|
+
}
|
|
2368
|
+
|
|
2369
|
+
.rotate-\[-180deg\]{
|
|
2370
|
+
--tw-rotate: -180deg;
|
|
2371
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2372
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2373
|
+
}
|
|
2374
|
+
|
|
2375
|
+
.rotate-90{
|
|
2376
|
+
--tw-rotate: 90deg;
|
|
2377
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2378
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2379
|
+
}
|
|
2380
|
+
|
|
2381
|
+
.rotate-180{
|
|
2382
|
+
--tw-rotate: 180deg;
|
|
2383
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2384
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2385
|
+
}
|
|
2386
|
+
|
|
2387
|
+
.-rotate-90{
|
|
2388
|
+
--tw-rotate: -90deg;
|
|
2389
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2390
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2391
|
+
}
|
|
2392
|
+
|
|
2315
2393
|
.scale-150{
|
|
2316
2394
|
--tw-scale-x: 1.5;
|
|
2317
2395
|
--tw-scale-y: 1.5;
|
|
@@ -2846,6 +2924,11 @@ select{
|
|
|
2846
2924
|
border-top-right-radius: 0.375rem;
|
|
2847
2925
|
}
|
|
2848
2926
|
|
|
2927
|
+
.rounded-t-lg{
|
|
2928
|
+
border-top-left-radius: 0.5rem;
|
|
2929
|
+
border-top-right-radius: 0.5rem;
|
|
2930
|
+
}
|
|
2931
|
+
|
|
2849
2932
|
.rounded-tl-2xl{
|
|
2850
2933
|
border-top-left-radius: 1rem;
|
|
2851
2934
|
}
|
|
@@ -2911,6 +2994,14 @@ select{
|
|
|
2911
2994
|
border-top-width: 1px;
|
|
2912
2995
|
}
|
|
2913
2996
|
|
|
2997
|
+
.border-l-0{
|
|
2998
|
+
border-left-width: 0px;
|
|
2999
|
+
}
|
|
3000
|
+
|
|
3001
|
+
.border-t-0{
|
|
3002
|
+
border-top-width: 0px;
|
|
3003
|
+
}
|
|
3004
|
+
|
|
2914
3005
|
.border-solid{
|
|
2915
3006
|
border-style: solid;
|
|
2916
3007
|
}
|
|
@@ -5877,6 +5968,18 @@ select{
|
|
|
5877
5968
|
fill: #6C737F;
|
|
5878
5969
|
}
|
|
5879
5970
|
|
|
5971
|
+
.fill-discord{
|
|
5972
|
+
fill: #5865F2;
|
|
5973
|
+
}
|
|
5974
|
+
|
|
5975
|
+
.fill-\[\#212529\]{
|
|
5976
|
+
fill: #212529;
|
|
5977
|
+
}
|
|
5978
|
+
|
|
5979
|
+
.fill-\[\#336dec\]{
|
|
5980
|
+
fill: #336dec;
|
|
5981
|
+
}
|
|
5982
|
+
|
|
5880
5983
|
.stroke-amber-100{
|
|
5881
5984
|
stroke: #FFF3D4;
|
|
5882
5985
|
}
|
|
@@ -7015,6 +7118,13 @@ select{
|
|
|
7015
7118
|
font-weight: 400;
|
|
7016
7119
|
}
|
|
7017
7120
|
|
|
7121
|
+
.text-hds-t-h3{
|
|
7122
|
+
font-size: 1.875rem;
|
|
7123
|
+
line-height: 2.5rem;
|
|
7124
|
+
letter-spacing: -0.02em;
|
|
7125
|
+
font-weight: 700;
|
|
7126
|
+
}
|
|
7127
|
+
|
|
7018
7128
|
.text-sm{
|
|
7019
7129
|
font-size: 0.875rem;
|
|
7020
7130
|
line-height: 1.25rem;
|
|
@@ -7030,6 +7140,11 @@ select{
|
|
|
7030
7140
|
line-height: 1rem;
|
|
7031
7141
|
}
|
|
7032
7142
|
|
|
7143
|
+
.text-lg{
|
|
7144
|
+
font-size: 1.125rem;
|
|
7145
|
+
line-height: 1.75rem;
|
|
7146
|
+
}
|
|
7147
|
+
|
|
7033
7148
|
.font-bold{
|
|
7034
7149
|
font-weight: 700;
|
|
7035
7150
|
}
|
|
@@ -7562,6 +7677,10 @@ select{
|
|
|
7562
7677
|
opacity: 0.6;
|
|
7563
7678
|
}
|
|
7564
7679
|
|
|
7680
|
+
.mix-blend-multiply{
|
|
7681
|
+
mix-blend-mode: multiply;
|
|
7682
|
+
}
|
|
7683
|
+
|
|
7565
7684
|
.shadow{
|
|
7566
7685
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
7567
7686
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
@@ -7731,6 +7850,14 @@ select{
|
|
|
7731
7850
|
transition-duration: 150ms;
|
|
7732
7851
|
}
|
|
7733
7852
|
|
|
7853
|
+
.transition-transform{
|
|
7854
|
+
transition-property: -webkit-transform;
|
|
7855
|
+
transition-property: transform;
|
|
7856
|
+
transition-property: transform, -webkit-transform;
|
|
7857
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
7858
|
+
transition-duration: 150ms;
|
|
7859
|
+
}
|
|
7860
|
+
|
|
7734
7861
|
.delay-300{
|
|
7735
7862
|
transition-delay: 300ms;
|
|
7736
7863
|
}
|
|
@@ -9545,6 +9672,11 @@ select{
|
|
|
9545
9672
|
border-color: rgb(210 214 219 / var(--tw-border-opacity));
|
|
9546
9673
|
}
|
|
9547
9674
|
|
|
9675
|
+
.hover\:border-blue-500:hover{
|
|
9676
|
+
--tw-border-opacity: 1;
|
|
9677
|
+
border-color: rgb(57 112 253 / var(--tw-border-opacity));
|
|
9678
|
+
}
|
|
9679
|
+
|
|
9548
9680
|
.hover\:border-opacity-0:hover{
|
|
9549
9681
|
--tw-border-opacity: 0;
|
|
9550
9682
|
}
|
|
@@ -10435,10 +10567,6 @@ select{
|
|
|
10435
10567
|
visibility: visible;
|
|
10436
10568
|
}
|
|
10437
10569
|
|
|
10438
|
-
.group\/eventListing:hover .group-hover\/eventListing\:visible{
|
|
10439
|
-
visibility: visible;
|
|
10440
|
-
}
|
|
10441
|
-
|
|
10442
10570
|
.group\/sc:hover .group-hover\/sc\:block{
|
|
10443
10571
|
display: block;
|
|
10444
10572
|
}
|
|
@@ -10501,12 +10629,6 @@ select{
|
|
|
10501
10629
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10502
10630
|
}
|
|
10503
10631
|
|
|
10504
|
-
.group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
|
|
10505
|
-
--tw-translate-x: 0.15rem;
|
|
10506
|
-
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10507
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10508
|
-
}
|
|
10509
|
-
|
|
10510
10632
|
.group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
|
|
10511
10633
|
--tw-border-opacity: 0;
|
|
10512
10634
|
}
|
|
@@ -10672,20 +10794,10 @@ select{
|
|
|
10672
10794
|
transition-duration: 150ms;
|
|
10673
10795
|
}
|
|
10674
10796
|
|
|
10675
|
-
.group\/eventListing:hover .group-hover\/eventListing\:transition-all{
|
|
10676
|
-
transition-property: all;
|
|
10677
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
10678
|
-
transition-duration: 150ms;
|
|
10679
|
-
}
|
|
10680
|
-
|
|
10681
10797
|
.group:hover .group-hover\:delay-100{
|
|
10682
10798
|
transition-delay: 100ms;
|
|
10683
10799
|
}
|
|
10684
10800
|
|
|
10685
|
-
.group\/eventListing:hover .group-hover\/eventListing\:delay-100{
|
|
10686
|
-
transition-delay: 100ms;
|
|
10687
|
-
}
|
|
10688
|
-
|
|
10689
10801
|
.group:hover .group-hover\:duration-100{
|
|
10690
10802
|
transition-duration: 100ms;
|
|
10691
10803
|
}
|
|
@@ -10694,10 +10806,6 @@ select{
|
|
|
10694
10806
|
transition-duration: 300ms;
|
|
10695
10807
|
}
|
|
10696
10808
|
|
|
10697
|
-
.group\/eventListing:hover .group-hover\/eventListing\:duration-300{
|
|
10698
|
-
transition-duration: 300ms;
|
|
10699
|
-
}
|
|
10700
|
-
|
|
10701
10809
|
.group:hover .group-hover\:ease-in-out{
|
|
10702
10810
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
10703
10811
|
}
|
|
@@ -10710,6 +10818,22 @@ select{
|
|
|
10710
10818
|
stroke: #FFFFFF;
|
|
10711
10819
|
}
|
|
10712
10820
|
|
|
10821
|
+
@media (prefers-color-scheme: dark){
|
|
10822
|
+
.dark\:border-neutral-600{
|
|
10823
|
+
--tw-border-opacity: 1;
|
|
10824
|
+
border-color: rgb(77 87 97 / var(--tw-border-opacity));
|
|
10825
|
+
}
|
|
10826
|
+
|
|
10827
|
+
.dark\:bg-neutral-800{
|
|
10828
|
+
--tw-bg-opacity: 1;
|
|
10829
|
+
background-color: rgb(31 42 55 / var(--tw-bg-opacity));
|
|
10830
|
+
}
|
|
10831
|
+
|
|
10832
|
+
.dark\:fill-blue-300{
|
|
10833
|
+
fill: #C6D6FF;
|
|
10834
|
+
}
|
|
10835
|
+
}
|
|
10836
|
+
|
|
10713
10837
|
@media (max-width: 1140px){
|
|
10714
10838
|
.max-\[1140px\]\:shrink-0{
|
|
10715
10839
|
flex-shrink: 0;
|