trepur_components 1.0.47 → 1.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/lib/components/Greeting/Greeting.d.ts +1 -2
- package/dist/src/lib/components/Greeting/Greeting.js +3 -4
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +2 -1
- package/dist/src/lib/components/Icon/Icon.js +2 -2
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +2 -1
- package/dist/src/lib/components/Showcase/Showcase.js +4 -9
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +47 -86
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
export interface Props {
|
|
4
3
|
id?: string;
|
|
@@ -8,5 +7,5 @@ export interface Props {
|
|
|
8
7
|
eveningMessage?: string;
|
|
9
8
|
theme?: ThemeTypes;
|
|
10
9
|
}
|
|
11
|
-
declare const Greeting: ({
|
|
10
|
+
declare const Greeting: ({ morningMessage, afternoonMessage, eveningMessage, }: Props) => String;
|
|
12
11
|
export default Greeting;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', theme = 'theme-rupertbennett' }) => {
|
|
1
|
+
const Greeting = ({ morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', }) => {
|
|
3
2
|
const today = new Date();
|
|
4
3
|
const hours = `0${today.getHours().toString()}`.slice(-2);
|
|
5
4
|
const minutes = `0${today.getMinutes().toString()}`.slice(-2);
|
|
6
5
|
const seconds = `0${today.getSeconds().toString()}`.slice(-2);
|
|
7
6
|
const time = parseInt(`${hours}${minutes}${seconds}`);
|
|
8
|
-
let message;
|
|
7
|
+
let message = '';
|
|
9
8
|
if (time < 120000) {
|
|
10
9
|
message = morningMessage;
|
|
11
10
|
}
|
|
@@ -15,7 +14,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
|
|
|
15
14
|
else if (time > 165959) {
|
|
16
15
|
message = eveningMessage;
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return message;
|
|
19
18
|
};
|
|
20
19
|
export default Greeting;
|
|
21
20
|
//# sourceMappingURL=Greeting.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAYA,MAAM,QAAQ,GAAG,CAAC,EAChB,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,GACzB,EAAU,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -15,6 +15,7 @@ export interface Props {
|
|
|
15
15
|
rounded?: boolean;
|
|
16
16
|
brand?: boolean;
|
|
17
17
|
theme?: ThemeTypes;
|
|
18
|
+
onClick?: () => void;
|
|
18
19
|
}
|
|
19
|
-
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand, theme }: Props) => JSX.Element;
|
|
20
|
+
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand, theme, onClick }: Props) => JSX.Element;
|
|
20
21
|
export default Icon;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = 'primary', hoverBgColour = 'transparent', rounded = false, brand = false, theme = 'theme-rupertbennett' }) => {
|
|
4
|
+
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = 'primary', hoverBgColour = 'transparent', rounded = false, brand = false, theme = 'theme-rupertbennett', onClick }) => {
|
|
5
5
|
const colourString = colour;
|
|
6
6
|
const hoverColourString = hoverColour;
|
|
7
7
|
const bgColourString = bgColour;
|
|
@@ -31,7 +31,7 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
|
|
|
31
31
|
'fa-regular': hollow,
|
|
32
32
|
[style.rounded]: rounded
|
|
33
33
|
}, `${style.classList} fa fa-${type}`);
|
|
34
|
-
return (React.createElement("div", { id: id, className: wrapperClassList },
|
|
34
|
+
return (React.createElement("div", { id: id, className: wrapperClassList, onClick: onClick },
|
|
35
35
|
React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
|
|
36
36
|
};
|
|
37
37
|
export default Icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as iconProps } from '../Icon/Icon';
|
|
3
4
|
export interface Props {
|
|
4
5
|
id: string;
|
|
5
6
|
className?: string;
|
|
@@ -10,8 +11,8 @@ export interface Props {
|
|
|
10
11
|
image: string;
|
|
11
12
|
theme?: ThemeTypes;
|
|
12
13
|
size?: 'small' | 'medium' | 'large';
|
|
13
|
-
withArrow?: boolean;
|
|
14
14
|
avatar: any;
|
|
15
|
+
iconProps?: iconProps;
|
|
15
16
|
}
|
|
16
17
|
declare const Showcase: React.FC<Props>;
|
|
17
18
|
export default Showcase;
|
|
@@ -4,29 +4,24 @@ import style from './style.module.css';
|
|
|
4
4
|
import Container from '../Container/Container';
|
|
5
5
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
|
-
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett',
|
|
7
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', iconProps, avatar }) => {
|
|
8
8
|
const classList = classNames(className);
|
|
9
9
|
const containerSize = classNames({
|
|
10
10
|
[style.smallContainer]: size === 'small',
|
|
11
11
|
[style.mediumContainer]: size === 'medium',
|
|
12
12
|
[style.largeContainer]: size === 'large'
|
|
13
13
|
}, style.container);
|
|
14
|
-
const imagePadding = classNames({
|
|
15
|
-
[style.smallPadding]: size === 'small',
|
|
16
|
-
[style.mediumPadding]: size === 'medium',
|
|
17
|
-
[style.largePadding]: size === 'large'
|
|
18
|
-
}, style.avatarWrapper);
|
|
19
14
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
|
|
20
15
|
React.createElement(Container, { className: containerSize, theme: theme },
|
|
21
16
|
React.createElement("div", { className: style.textWrapper },
|
|
22
17
|
React.createElement("h2", { className: style.title }, title),
|
|
23
18
|
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
24
19
|
React.createElement("p", { className: style.description }, description)),
|
|
25
|
-
React.createElement("div", { className:
|
|
20
|
+
React.createElement("div", { className: style.avatarWrapper },
|
|
26
21
|
React.createElement("img", { className: style.avatar, src: avatar }))),
|
|
27
|
-
|
|
22
|
+
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) &&
|
|
28
23
|
React.createElement("div", { className: style.iconWrapper },
|
|
29
|
-
React.createElement(Icon, { theme: theme, className: style.icon, size: 2, rounded: true, type: 'chevron-down' }))));
|
|
24
|
+
React.createElement(Icon, Object.assign({ theme: theme, className: style.icon, size: 2, rounded: true }, iconProps, { type: 'chevron-down', onClick: iconProps.onClick })))));
|
|
30
25
|
};
|
|
31
26
|
export default Showcase;
|
|
32
27
|
//# sourceMappingURL=Showcase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAA2B,MAAM,uBAAuB,CAAA;AAgB/D,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,6BAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,GAAI,CACzC,CACI;QACX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI;YACd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,kBACH,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -2,61 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
flex-wrap: wrap;
|
|
4
4
|
|
|
5
|
-
text-align:
|
|
5
|
+
text-align: center
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
@media (min-width: 768px) {
|
|
9
9
|
|
|
10
10
|
.container {
|
|
11
11
|
|
|
12
|
-
display: flex
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.avatarWrapper {
|
|
17
|
-
|
|
18
|
-
width: 50%;
|
|
19
|
-
|
|
20
|
-
padding-left: 3rem;
|
|
21
|
-
|
|
22
|
-
padding-right: 3rem
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.textWrapper {
|
|
12
|
+
display: flex;
|
|
26
13
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
width: 100%
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@media (min-width: 768px) {
|
|
33
|
-
|
|
34
|
-
.textWrapper {
|
|
35
|
-
|
|
36
|
-
width: 66.666667%
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@media (min-width: 1024px) {
|
|
41
|
-
|
|
42
|
-
.textWrapper {
|
|
43
|
-
|
|
44
|
-
width: 50%;
|
|
45
|
-
|
|
46
|
-
padding-left: 9rem
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.textWrapper {
|
|
51
|
-
|
|
52
|
-
order: 1
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
@media (min-width: 768px) {
|
|
56
|
-
|
|
57
|
-
.textWrapper {
|
|
58
|
-
|
|
59
|
-
order: 0
|
|
14
|
+
text-align: left
|
|
60
15
|
}
|
|
61
16
|
}
|
|
62
17
|
|
|
@@ -75,38 +30,40 @@
|
|
|
75
30
|
height: calc(100vh - 176px)
|
|
76
31
|
}
|
|
77
32
|
|
|
78
|
-
.
|
|
33
|
+
.textWrapper {
|
|
79
34
|
|
|
80
|
-
|
|
35
|
+
margin: auto;
|
|
81
36
|
|
|
82
|
-
|
|
37
|
+
width: 100%
|
|
83
38
|
}
|
|
84
39
|
|
|
85
|
-
|
|
40
|
+
@media (min-width: 768px) {
|
|
86
41
|
|
|
87
|
-
|
|
42
|
+
.textWrapper {
|
|
88
43
|
|
|
89
|
-
|
|
90
|
-
}
|
|
44
|
+
width: 66.666667%;
|
|
91
45
|
|
|
92
|
-
|
|
46
|
+
padding-left: 4rem;
|
|
93
47
|
|
|
94
|
-
|
|
48
|
+
padding-right: 1rem
|
|
49
|
+
}
|
|
50
|
+
}
|
|
95
51
|
|
|
96
|
-
|
|
52
|
+
@media (min-width: 1024px) {
|
|
97
53
|
|
|
98
|
-
|
|
54
|
+
.textWrapper {
|
|
99
55
|
|
|
100
|
-
|
|
101
|
-
}
|
|
56
|
+
padding-left: 8rem;
|
|
102
57
|
|
|
103
|
-
|
|
58
|
+
padding-right: 2rem
|
|
59
|
+
}
|
|
60
|
+
}
|
|
104
61
|
|
|
105
|
-
|
|
62
|
+
@media (min-width: 1280px) {
|
|
106
63
|
|
|
107
|
-
|
|
64
|
+
.textWrapper {
|
|
108
65
|
|
|
109
|
-
padding-
|
|
66
|
+
padding-left: 16rem
|
|
110
67
|
}
|
|
111
68
|
}
|
|
112
69
|
|
|
@@ -147,45 +104,38 @@
|
|
|
147
104
|
|
|
148
105
|
height: 100%;
|
|
149
106
|
|
|
150
|
-
width: 100
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
@media (min-width: 768px) {
|
|
107
|
+
width: 100%;
|
|
154
108
|
|
|
155
|
-
|
|
109
|
+
justify-content: center;
|
|
156
110
|
|
|
157
|
-
|
|
158
|
-
}
|
|
111
|
+
padding-top: 2rem
|
|
159
112
|
}
|
|
160
113
|
|
|
161
|
-
@media (min-width:
|
|
114
|
+
@media (min-width: 768px) {
|
|
162
115
|
|
|
163
116
|
.avatarWrapper {
|
|
164
117
|
|
|
165
|
-
width:
|
|
118
|
+
width: 33.333333%;
|
|
119
|
+
|
|
120
|
+
padding-top: 0px
|
|
166
121
|
}
|
|
167
122
|
}
|
|
168
123
|
|
|
169
|
-
.
|
|
124
|
+
.avatar {
|
|
170
125
|
|
|
171
|
-
|
|
126
|
+
max-height: 24rem
|
|
172
127
|
}
|
|
173
128
|
|
|
174
129
|
@media (min-width: 768px) {
|
|
175
130
|
|
|
176
|
-
.
|
|
131
|
+
.avatar {
|
|
177
132
|
|
|
178
|
-
|
|
179
|
-
}
|
|
180
|
-
}
|
|
133
|
+
margin: auto;
|
|
181
134
|
|
|
182
|
-
|
|
135
|
+
max-height: 24rem;
|
|
183
136
|
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
height: 24rem;
|
|
187
|
-
|
|
188
|
-
overflow: hidden
|
|
137
|
+
width: 100%
|
|
138
|
+
}
|
|
189
139
|
}
|
|
190
140
|
|
|
191
141
|
.iconWrapper {
|
|
@@ -199,4 +149,15 @@
|
|
|
199
149
|
|
|
200
150
|
margin-right: auto
|
|
201
151
|
}
|
|
152
|
+
|
|
153
|
+
.icon:hover {
|
|
154
|
+
|
|
155
|
+
--tw-scale-x: 1.25;
|
|
156
|
+
|
|
157
|
+
--tw-scale-y: 1.25;
|
|
158
|
+
|
|
159
|
+
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));
|
|
160
|
+
|
|
161
|
+
cursor: pointer
|
|
162
|
+
}
|
|
202
163
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAA4B;;AAI5B;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAAoD;;IAApD,gBAAoD;;IAApD,iBAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,eAAkD;;IAAlD,gBAAkD;;IAAlD,iBAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAA8B;;IAA9B,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,uBAA8D;;IAA9D;AAA8D;;AAA9D;;IAAA;;QAAA,iBAA8D;;QAA9D;IAA8D;AAAA;;AAI9D;;IAAA;AAA+C;;AAA/C;;IAAA;;QAAA,YAA+C;;QAA/C,iBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","file":"style.module.css","sourcesContent":[".container {\n @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n @apply h-56;\n}\n\n.mediumContainer {\n @apply h-96;\n}\n\n.largeContainer {\n @apply h-[calc(100vh-176px)];\n}\n\n.textWrapper {\n @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n @apply font-bold text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n @apply font-bold text-xxl text-black leading-tight;\n}\n\n.description {\n @apply text-md text-black pt-4;\n}\n\n.avatarWrapper {\n @apply w-full md:w-1/3 h-full flex justify-center pt-8 md:pt-0;\n}\n\n.avatar {\n @apply md:m-auto md:w-full max-h-96 md:max-h-96;\n}\n\n.iconWrapper {\n @apply w-full;\n}\n\n.icon {\n @apply mx-auto hover:cursor-pointer hover:scale-125;\n}"]}
|