@openeventkit/event-site 1.0.44 → 2.0.0
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/gatsby-browser.js +10 -4
- package/gatsby-node.js +0 -5
- package/package.json +3 -3
- package/src/content/site-settings/index.json +1 -17
- package/src/content/sponsors.json +1 -187
- package/src/reducers/setting-reducer.js +1 -1
- package/src/styles/advertise.module.scss +2 -2
- package/src/styles/bulma.scss +2 -2
- package/src/styles/change-password.module.scss +1 -1
- package/src/styles/colors.scss +25 -0
- package/src/styles/countdown.module.scss +6 -4
- package/src/styles/documents.module.scss +2 -2
- package/src/styles/event-hero.module.scss +5 -5
- package/src/styles/expo-hero.module.scss +2 -2
- package/src/styles/footer.module.scss +6 -6
- package/src/styles/full-profile.module.scss +2 -2
- package/src/styles/global-classes.scss +19 -19
- package/src/styles/marketing-hero.module.scss +1 -1
- package/src/styles/navbar.module.scss +15 -15
- package/src/styles/profile.module.scss +3 -3
- package/src/styles/sponsor-page.module.scss +16 -16
- package/src/styles/sponsor.module.scss +3 -3
- package/src/styles/style.scss +9 -8
package/gatsby-browser.js
CHANGED
|
@@ -11,6 +11,7 @@ import "./src/styles/bulma.scss";
|
|
|
11
11
|
import "./src/styles/style.scss";
|
|
12
12
|
|
|
13
13
|
import colors from "data/colors.json";
|
|
14
|
+
import marketingSettings from "data/marketing-settings.json";
|
|
14
15
|
|
|
15
16
|
// smooth scroll polyfill needed for Safari
|
|
16
17
|
smoothscroll.polyfill();
|
|
@@ -20,10 +21,15 @@ export const wrapRootElement = ReduxWrapper;
|
|
|
20
21
|
export const onClientEntry = () => {
|
|
21
22
|
// var set at document level
|
|
22
23
|
// prevents widget color flashing from defaults to fetched by widget from marketing api
|
|
23
|
-
Object.entries(colors).forEach(
|
|
24
|
-
document.documentElement.style.setProperty(`--${
|
|
25
|
-
document.documentElement.style.setProperty(`--${
|
|
26
|
-
})
|
|
24
|
+
Object.entries(colors).forEach(([key, value]) => {
|
|
25
|
+
document.documentElement.style.setProperty(`--${key}`, value);
|
|
26
|
+
document.documentElement.style.setProperty(`--${key}50`, `${value}50`);
|
|
27
|
+
});
|
|
28
|
+
// set theme
|
|
29
|
+
const themeSetting = marketingSettings.find(ms => ms.key === 'EVENT_SITE_COLOR_SCHEME');
|
|
30
|
+
const theme = themeSetting?.value || 'LIGHT';
|
|
31
|
+
document.documentElement.setAttribute('data-theme', theme);
|
|
32
|
+
|
|
27
33
|
// init sentry
|
|
28
34
|
const GATSBY_SENTRY_DSN = process.env.GATSBY_SENTRY_DSN;
|
|
29
35
|
if(GATSBY_SENTRY_DSN) {
|
package/gatsby-node.js
CHANGED
|
@@ -17,7 +17,6 @@ const {
|
|
|
17
17
|
REQUIRED_DIR_PATHS,
|
|
18
18
|
DEFAULT_COLORS_FILE_PATH,
|
|
19
19
|
COLORS_FILE_PATH,
|
|
20
|
-
COLORS_SASS_FILE_PATH,
|
|
21
20
|
SITE_SETTINGS_FILE_PATH,
|
|
22
21
|
LOBBY_PAGE_FILE_PATH,
|
|
23
22
|
SUMMIT_FILE_PATH,
|
|
@@ -261,10 +260,6 @@ exports.onPreBootstrap = async () => {
|
|
|
261
260
|
fs.writeFileSync(COLORS_FILE_PATH, JSON.stringify(colorSettings), "utf8");
|
|
262
261
|
fs.writeFileSync(LOBBY_PAGE_FILE_PATH, JSON.stringify(lobbyPageSettings), "utf8");
|
|
263
262
|
|
|
264
|
-
let sassColors = "";
|
|
265
|
-
Object.entries(colorSettings).forEach(([key, value]) => sassColors += `$${key} : ${value};\n`);
|
|
266
|
-
fs.writeFileSync(COLORS_SASS_FILE_PATH, sassColors, "utf8");
|
|
267
|
-
|
|
268
263
|
// summit
|
|
269
264
|
const summit = await SSR_getSummit(summitApiBaseUrl, summitId);
|
|
270
265
|
fileBuildTimes.push({
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openeventkit/event-site",
|
|
3
3
|
"description": "Event Site",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"author": "Tipit LLC",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@mui/base": "^5.0.0-alpha.114",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"font-awesome": "^4.7.0",
|
|
43
43
|
"formik": "^2.2.9",
|
|
44
44
|
"fs-extra": "^9.0.1",
|
|
45
|
-
"full-schedule-widget": "
|
|
45
|
+
"full-schedule-widget": "3.0.0",
|
|
46
46
|
"gatsby": "^5.8.1",
|
|
47
47
|
"gatsby-alias-imports": "^1.0.6",
|
|
48
48
|
"gatsby-plugin-image": "^3.8.0",
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
"summit-registration-lite": "^4.0.17",
|
|
121
121
|
"superagent": "8.0.9",
|
|
122
122
|
"sweetalert2": "^9.17.0",
|
|
123
|
-
"upcoming-events-widget": "
|
|
123
|
+
"upcoming-events-widget": "3.0.1",
|
|
124
124
|
"urijs": "^1.19.2",
|
|
125
125
|
"use-fit-text": "^2.4.0",
|
|
126
126
|
"uuid": "^7.0.0",
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"widgets": {
|
|
3
|
-
"chat": {
|
|
4
|
-
"showQA": false,
|
|
5
|
-
"showHelp": false,
|
|
6
|
-
"defaultScope": "page"
|
|
7
|
-
},
|
|
8
|
-
"schedule": {
|
|
9
|
-
"allowClick": true
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"favicons": {
|
|
13
|
-
"favicon180": "/img/favicon.png",
|
|
14
|
-
"favicon32": "/img/favicon.png",
|
|
15
|
-
"favicon16": "/img/favicon.png"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
1
|
+
{"widgets":{"chat":{"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicons":{"favicon180":"/img/favicon.png","favicon32":"/img/favicon.png","favicon16":"/img/favicon.png"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1691430970924},{"file":"src/data/events.json","build_time":1691430974462},{"file":"src/data/events.idx.json","build_time":1691430974467},{"file":"src/data/speakers.json","build_time":1691430975582},{"file":"src/data/speakers.idx.json","build_time":1691430975582},{"file":"src/content/sponsors.json","build_time":1691430976405},{"file":"src/data/voteable-presentations.json","build_time":1691430978246}],"lastBuild":1691430978247}
|
|
@@ -1,187 +1 @@
|
|
|
1
|
-
|
|
2
|
-
"tierSponsors": [
|
|
3
|
-
{
|
|
4
|
-
"tier": [
|
|
5
|
-
{
|
|
6
|
-
"value": "tier-cYGYq5-ae",
|
|
7
|
-
"label": "Top-Tier"
|
|
8
|
-
}
|
|
9
|
-
],
|
|
10
|
-
"sponsors": [
|
|
11
|
-
{
|
|
12
|
-
"marquee": "Your text here! (150-characters max)",
|
|
13
|
-
"sponsorColor": "#414042",
|
|
14
|
-
"logo": {
|
|
15
|
-
"file": "/img/tier1-default-sponsor-logo.png"
|
|
16
|
-
},
|
|
17
|
-
"name": "Top-Tier",
|
|
18
|
-
"intro": "Sponsor Description (1000-character max) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget ipsum tempor lorem interdum volutpat eu et elit. Sed eleifend justo et semper ultrices. Fusce porta ut sapien at posuere. Donec placerat, lacus eget imperdiet maximus, nunc lectus viverra ligula, in sodales tortor justo vel sem. Vestibulum eleifend, nibh a dapibus rhoncus, tortor dui venenatis enim, ac euismod augue velit at justo. Cras porta lacus est, nec rhoncus augue luctus quis. Pellentesque justo risus, scelerisque laoreet tortor quis, TOP TIER TEXT.",
|
|
19
|
-
"headerImage": "/img/tier1-default-sponsor-headerimage-toptier.png",
|
|
20
|
-
"socialNetworks": [],
|
|
21
|
-
"sponsorId": 24,
|
|
22
|
-
"title": "Top-Tier Sponsor Test ",
|
|
23
|
-
"companyId": 22,
|
|
24
|
-
"documents": {
|
|
25
|
-
"links": [
|
|
26
|
-
{
|
|
27
|
-
"class_name": "PresentationLink",
|
|
28
|
-
"name": "Your social media links here ",
|
|
29
|
-
"order": 1,
|
|
30
|
-
"link": "https://www.facebook.com/FNTECH"
|
|
31
|
-
}
|
|
32
|
-
],
|
|
33
|
-
"videos": [
|
|
34
|
-
{
|
|
35
|
-
"class_name": "PresentationVideo",
|
|
36
|
-
"name": "Your external video links here ",
|
|
37
|
-
"order": 2,
|
|
38
|
-
"link": "https://www.youtube.com/channel/UC81WrqqnYmigub0fTNKT-Mw"
|
|
39
|
-
}
|
|
40
|
-
]
|
|
41
|
-
},
|
|
42
|
-
"columnAds": [
|
|
43
|
-
{
|
|
44
|
-
"image": "/img/tier1-default-sponsor-space1.png",
|
|
45
|
-
"link": "https://fntech.com"
|
|
46
|
-
}
|
|
47
|
-
],
|
|
48
|
-
"id": 24,
|
|
49
|
-
"email": "support@fntech.com",
|
|
50
|
-
"usesSponsorPage": true
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"marquee": "Your event one-stop-shop, no matter the scope or size. Production + Event Management + Creative. We have you covered. ",
|
|
54
|
-
"sponsorColor": "#0C64C8",
|
|
55
|
-
"logo": {
|
|
56
|
-
"file": "/img/logo-top-tier-fntech.png"
|
|
57
|
-
},
|
|
58
|
-
"name": "FNTECH",
|
|
59
|
-
"intro": "**WE SPEAK EVENTS: In-person, virtual, and everything in-between.**\\\nOver the past 20+ years, we’ve successfully partnered with top-tier companies like Apple, Facebook, Wells Fargo, Vans, and Volcom on events of all sizes, types and budgets. Domestic and abroad. Intimate and straightforward to extremely complex and expansive. We have two large headquarters—one in the Northern California Bay Area and another in Southern California, which includes a virtual reality lab, 3D printing hub, and robust wood/metal fabrication shop. We’re a people-first company, which to us means treating every employee, client, vendor, partner, and community member with honesty, integrity, and respect. It’s part of our corporate ethos. People power our mission and we are eternally grateful to know and work with some of the best in the business. And as always, we make sure to have a lot of fun along the way. For more FNinfo, visit us at [fntech.com](http://fntech.com/).",
|
|
60
|
-
"headerVideo": "https://fntech.sfo2.cdn.digitaloceanspaces.com/Yoco/FNTECH%20animated%20logo_Black_012021.mp4",
|
|
61
|
-
"advertiseImage": "",
|
|
62
|
-
"sponsorId": 44,
|
|
63
|
-
"title": "",
|
|
64
|
-
"companyId": 4,
|
|
65
|
-
"columnAds": [],
|
|
66
|
-
"id": 44,
|
|
67
|
-
"email": "info@fntech.com",
|
|
68
|
-
"usesSponsorPage": true
|
|
69
|
-
}
|
|
70
|
-
]
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"tier": [
|
|
74
|
-
{
|
|
75
|
-
"value": "tier-DHcI3dWGk",
|
|
76
|
-
"label": "Mid-Tier"
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
"sponsors": [
|
|
80
|
-
{
|
|
81
|
-
"marquee": "Your text here! (150-characters max)",
|
|
82
|
-
"sideImage": "",
|
|
83
|
-
"externalLink": "",
|
|
84
|
-
"sponsorColor": "#58595b",
|
|
85
|
-
"logo": {
|
|
86
|
-
"file": "/img/tier1-default-sponsor-logo.png"
|
|
87
|
-
},
|
|
88
|
-
"name": "Mid-Tier",
|
|
89
|
-
"intro": "Sponsor Description (1000-character max) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget ipsum tempor lorem interdum volutpat eu et elit. Sed eleifend justo et semper ultrices. Fusce porta ut sapien at posuere. Donec placerat, lacus eget imperdiet maximus, nunc lectus viverra ligula, in sodales tortor justo vel sem. Vestibulum eleifend, nibh a dapibus rhoncus, tortor dui venenatis enim, ac euismod augue velit at justo. Cras porta lacus est, nec rhoncus augue luctus quis. Pellentesque justo risus, scelerisque laoreet tortor quis, Test Text",
|
|
90
|
-
"headerVideo": "",
|
|
91
|
-
"headerImage": "/img/tier1-default-sponsor-headerimage-middletier.png",
|
|
92
|
-
"socialNetworks": [],
|
|
93
|
-
"chatLink": "",
|
|
94
|
-
"sponsorId": 25,
|
|
95
|
-
"title": "Mid-Tier Sponsor",
|
|
96
|
-
"companyId": 23,
|
|
97
|
-
"documents": {
|
|
98
|
-
"slides": [],
|
|
99
|
-
"links": [
|
|
100
|
-
{
|
|
101
|
-
"class_name": "PresentationLink",
|
|
102
|
-
"name": "Your social media links here ",
|
|
103
|
-
"order": 1,
|
|
104
|
-
"link": "https://www.facebook.com/FNTECH"
|
|
105
|
-
}
|
|
106
|
-
],
|
|
107
|
-
"videos": [
|
|
108
|
-
{
|
|
109
|
-
"class_name": "PresentationVideo",
|
|
110
|
-
"name": "Your external video links here ",
|
|
111
|
-
"link": "https://www.youtube.com/channel/UC81WrqqnYmigub0fTNKT-Mw",
|
|
112
|
-
"order": 2
|
|
113
|
-
}
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
"columnAds": [
|
|
117
|
-
{
|
|
118
|
-
"image": "/img/tier1-default-sponsor-space1.png",
|
|
119
|
-
"button": "",
|
|
120
|
-
"link": "https://fntech.com"
|
|
121
|
-
}
|
|
122
|
-
],
|
|
123
|
-
"id": 25,
|
|
124
|
-
"email": "support@fntech.com",
|
|
125
|
-
"usesSponsorPage": true
|
|
126
|
-
}
|
|
127
|
-
]
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"tier": [
|
|
131
|
-
{
|
|
132
|
-
"value": "tier-U_wEwGX8a",
|
|
133
|
-
"label": "Lower-Tier"
|
|
134
|
-
}
|
|
135
|
-
],
|
|
136
|
-
"sponsors": [
|
|
137
|
-
{
|
|
138
|
-
"marquee": "Your text here! (150-characters max)",
|
|
139
|
-
"sideImage": "/img/tier1-default-sponsor-sideimage.png",
|
|
140
|
-
"externalLink": "",
|
|
141
|
-
"sponsorColor": "#6d6e71",
|
|
142
|
-
"logo": {
|
|
143
|
-
"file": "/img/tier1-default-sponsor-logo.png"
|
|
144
|
-
},
|
|
145
|
-
"name": "Lower-Tier",
|
|
146
|
-
"intro": "Sponsor Description (1000-character max) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget ipsum tempor lorem interdum volutpat eu et elit. Sed eleifend justo et semper ultrices. Fusce porta ut sapien at posuere. Donec placerat, lacus eget imperdiet maximus, nunc lectus viverra ligula, in sodales tortor justo vel sem. Vestibulum eleifend, nibh a dapibus rhoncus, tortor dui venenatis enim, ac euismod augue velit at justo. Cras porta lacus est, nec rhoncus augue luctus quis. Pellentesque justo risus, scelerisque laoreet tortor quis, vehicula volutpat ipsum.",
|
|
147
|
-
"headerVideo": "",
|
|
148
|
-
"headerImage": "/img/tier1-default-sponsor-headerimage-lowertier.png",
|
|
149
|
-
"socialNetworks": [],
|
|
150
|
-
"chatLink": "",
|
|
151
|
-
"sponsorId": 26,
|
|
152
|
-
"title": "Lower-Tier Sponsor",
|
|
153
|
-
"companyId": 24,
|
|
154
|
-
"documents": {
|
|
155
|
-
"slides": [],
|
|
156
|
-
"links": [
|
|
157
|
-
{
|
|
158
|
-
"class_name": "PresentationLink",
|
|
159
|
-
"name": "Your social media links here ",
|
|
160
|
-
"link": "https://www.facebook.com/FNTECH",
|
|
161
|
-
"order": 1
|
|
162
|
-
}
|
|
163
|
-
],
|
|
164
|
-
"videos": [
|
|
165
|
-
{
|
|
166
|
-
"class_name": "PresentationVideo",
|
|
167
|
-
"link": "https://www.youtube.com/channel/UC81WrqqnYmigub0fTNKT-Mw",
|
|
168
|
-
"order": 2,
|
|
169
|
-
"name": "Your external video links here "
|
|
170
|
-
}
|
|
171
|
-
]
|
|
172
|
-
},
|
|
173
|
-
"columnAds": [
|
|
174
|
-
{
|
|
175
|
-
"image": "/img/tier1-default-sponsor-space1.png",
|
|
176
|
-
"button": "",
|
|
177
|
-
"link": "https://www.fntech.com"
|
|
178
|
-
}
|
|
179
|
-
],
|
|
180
|
-
"id": 26,
|
|
181
|
-
"email": "support@fntech.com",
|
|
182
|
-
"usesSponsorPage": true
|
|
183
|
-
}
|
|
184
|
-
]
|
|
185
|
-
}
|
|
186
|
-
]
|
|
187
|
-
}
|
|
1
|
+
[]
|
|
@@ -40,7 +40,7 @@ const settingReducer = (state = DEFAULT_STATE, action) => {
|
|
|
40
40
|
lastDataSync: Date.now(),
|
|
41
41
|
lastCheckForNovelties: state.lastCheckForNovelties,
|
|
42
42
|
};
|
|
43
|
-
case
|
|
43
|
+
case UPDATE_LAST_CHECK_FOR_NOVELTIES:{
|
|
44
44
|
let newLastCheckForNovelties = payload;
|
|
45
45
|
if(newLastCheckForNovelties < state.lastCheckForNovelties)
|
|
46
46
|
newLastCheckForNovelties = state.lastCheckForNovelties;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.sponsor-container-center {
|
|
16
16
|
margin-top: 3rem;
|
|
17
17
|
height: 250px;
|
|
18
|
-
background-color:
|
|
18
|
+
background-color: var(--color_secondary_contrast);
|
|
19
19
|
display: flex;
|
|
20
20
|
|
|
21
21
|
.container-text {
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
.ad-text {
|
|
30
30
|
display: inline-flex;
|
|
31
|
-
color:
|
|
31
|
+
color: var(--color_text_light);
|
|
32
32
|
font-size: 24px;
|
|
33
33
|
text-align: center;
|
|
34
34
|
}
|
package/src/styles/bulma.scss
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
@import "bulma/sass/utilities/_all.sass";
|
|
3
3
|
@import 'styles/colors.scss';
|
|
4
4
|
|
|
5
|
-
$footer-background-color:
|
|
6
|
-
$footer-color:
|
|
5
|
+
$footer-background-color: var(--color-primary) !important;
|
|
6
|
+
$footer-color: var(--color-text-light) !important;
|
|
7
7
|
$footer-padding: 2rem !important;
|
|
8
8
|
|
|
9
9
|
$font-family-base: 'Nunito Sans', sans-serif;
|
package/src/styles/colors.scss
CHANGED
|
@@ -3,6 +3,8 @@ $color_primary_contrast : #f1f2f2;
|
|
|
3
3
|
$color_secondary : #00CEC4;
|
|
4
4
|
$color_secondary_contrast : #ff5e32;
|
|
5
5
|
$color_accent : #ff5e32;
|
|
6
|
+
$color_background_light: #ffffff;
|
|
7
|
+
$color_background_dark: #000000;
|
|
6
8
|
$color_text_dark : #333333;
|
|
7
9
|
$color_text_med : #828282;
|
|
8
10
|
$color_text_light : #ffffff;
|
|
@@ -11,3 +13,26 @@ $color_gray_dark : #999999;
|
|
|
11
13
|
$color_gray_light : #DFDFDF;
|
|
12
14
|
$color_gray_lighter : #F2F2F2;
|
|
13
15
|
$color_text_input_hints : #c4c4c4;
|
|
16
|
+
|
|
17
|
+
:root {
|
|
18
|
+
--color_primary: #{$color_primary};
|
|
19
|
+
--color_primary_contrast: #{$color_primary_contrast};
|
|
20
|
+
--color_secondary: #{$color_secondary};
|
|
21
|
+
--color_secondary_contrast: #{$color_secondary_contrast};
|
|
22
|
+
--color_text_dark: #{$color_text_dark};
|
|
23
|
+
--color_text_med: #{$color_text_med};
|
|
24
|
+
--color_text_light: #{$color_text_light};
|
|
25
|
+
--color_background_light: #{$color_background_light};
|
|
26
|
+
--color_background_dark: #{$color_background_dark};
|
|
27
|
+
--color_gray_darker: #{$color_gray_darker};
|
|
28
|
+
--color_gray_dark: #{$color_gray_dark};
|
|
29
|
+
--color_gray_light: #{$color_gray_light};
|
|
30
|
+
--color_gray_lighter: #{$color_gray_lighter};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
html[data-theme="DARK"] {
|
|
34
|
+
--color_text_dark: #{$color_text_light} !important;
|
|
35
|
+
--color_text_light: #{$color_text_dark} !important;
|
|
36
|
+
--color_background_light: #{$color_background_dark} !important;
|
|
37
|
+
--color_background_dark: #{$color_background_light} !important;
|
|
38
|
+
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
@import 'styles/colors.scss';
|
|
2
2
|
|
|
3
|
+
$color_secondary_loc: #00CEC4;
|
|
4
|
+
|
|
3
5
|
.countdown {
|
|
4
6
|
height: 150px;
|
|
5
|
-
background-color:
|
|
6
|
-
color:
|
|
7
|
+
background-color: var(--color_secondary);
|
|
8
|
+
color: var(--color_text_light);
|
|
7
9
|
|
|
8
10
|
.countdown-columns {
|
|
9
11
|
height: 100%;
|
|
@@ -22,11 +24,11 @@
|
|
|
22
24
|
align-items: center;
|
|
23
25
|
|
|
24
26
|
& div:first-of-type {
|
|
25
|
-
background-color:
|
|
27
|
+
background-color: rgba(0,0,0,0.5);
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
& div:nth-of-type(2) {
|
|
29
|
-
background-color:
|
|
31
|
+
background-color: rgba(0,0,0,0.3);
|
|
30
32
|
}
|
|
31
33
|
|
|
32
34
|
div {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.docs-container {
|
|
4
4
|
border: 1px solid #d3d3d3;
|
|
5
|
-
color:
|
|
5
|
+
color: var(--color_text_dark);
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
a {
|
|
42
|
-
color:
|
|
42
|
+
color: var(--color_text_dark);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
i {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import "styles/colors.scss";
|
|
2
2
|
|
|
3
3
|
div.column:first-of-type {
|
|
4
|
-
background-color:
|
|
4
|
+
background-color: var(--color_secondary_contrast);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.hero-events {
|
|
@@ -21,7 +21,7 @@ div.column:first-of-type {
|
|
|
21
21
|
|
|
22
22
|
.title {
|
|
23
23
|
font-size: 48px;
|
|
24
|
-
color:
|
|
24
|
+
color: var(--color_text_light);
|
|
25
25
|
font-weight: bold;
|
|
26
26
|
letter-spacing: 0.5rem;
|
|
27
27
|
padding-left: 1rem;
|
|
@@ -29,13 +29,13 @@ div.column:first-of-type {
|
|
|
29
29
|
|
|
30
30
|
.subtitle {
|
|
31
31
|
font-size: 38px;
|
|
32
|
-
color:
|
|
32
|
+
color: var(--color_text_light);
|
|
33
33
|
padding-left: 1rem;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.date {
|
|
37
|
-
background-color:
|
|
38
|
-
color:
|
|
37
|
+
background-color: var(--color_secondary);
|
|
38
|
+
color: var(--color_text_light);
|
|
39
39
|
font-size: 32px;
|
|
40
40
|
letter-spacing: 0.5rem;
|
|
41
41
|
padding: 0.5rem 0;
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
.title {
|
|
9
9
|
font-size: 102px;
|
|
10
|
-
color:
|
|
10
|
+
color: var(--color_primary_contrast);
|
|
11
11
|
font-weight: bold;
|
|
12
12
|
text-align: center;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.subtitle {
|
|
16
16
|
font-size: 32px;
|
|
17
|
-
color:
|
|
17
|
+
color: var(--color_primary_contrast);
|
|
18
18
|
text-align: center;
|
|
19
19
|
max-width: 800px;
|
|
20
20
|
margin: auto;
|
|
@@ -4,18 +4,18 @@
|
|
|
4
4
|
text-align: left;
|
|
5
5
|
|
|
6
6
|
h4 {
|
|
7
|
-
border-bottom: 2px solid
|
|
7
|
+
border-bottom: 2px solid var(--color_text_light);
|
|
8
8
|
text-transform: uppercase;
|
|
9
9
|
padding-bottom: 1rem;
|
|
10
10
|
margin-bottom: 2rem;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.link {
|
|
14
|
-
color:
|
|
14
|
+
color: var(--color_text_light);
|
|
15
15
|
|
|
16
16
|
:hover,
|
|
17
17
|
:visited {
|
|
18
|
-
color:
|
|
18
|
+
color: var(--color_text_light);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -31,18 +31,18 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.legals-bar {
|
|
34
|
-
color:
|
|
34
|
+
color: var(--color_text_light);
|
|
35
35
|
background-color: #494a4c;
|
|
36
36
|
padding: 1rem 2rem;
|
|
37
37
|
display: flex;
|
|
38
38
|
|
|
39
39
|
.link {
|
|
40
|
-
color:
|
|
40
|
+
color: var(--color_text_light);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
a:hover.link,
|
|
44
44
|
a:visited.link {
|
|
45
|
-
color:
|
|
45
|
+
color: var(--color_text_light);
|
|
46
46
|
text-decoration: none;
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
.header {
|
|
60
60
|
font-size: 18px;
|
|
61
61
|
line-height: 22px;
|
|
62
|
-
color:
|
|
62
|
+
color: var(--color_text_dark);
|
|
63
63
|
font-weight: bold;
|
|
64
64
|
margin: 0 -20px;
|
|
65
65
|
padding: 0 15px 10px;
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
button {
|
|
123
123
|
color: #ffffff;
|
|
124
124
|
border-color: #ffffff;
|
|
125
|
-
background-color:
|
|
125
|
+
background-color: var(--color-primary);
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
}
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
%button-big {
|
|
5
5
|
border-radius: 4px;
|
|
6
6
|
height: 56px;
|
|
7
|
-
color:
|
|
8
|
-
background-color:
|
|
7
|
+
color: var(--color_text_light);
|
|
8
|
+
background-color: var(--color_secondary);
|
|
9
9
|
font-size: 15px;
|
|
10
10
|
|
|
11
11
|
@extend %font-regular;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
%title-huge {
|
|
15
15
|
font-size: 46px;
|
|
16
16
|
line-height: 46px;
|
|
17
|
-
color:
|
|
17
|
+
color: var(--color_text_dark);
|
|
18
18
|
|
|
19
19
|
@extend %font-bold;
|
|
20
20
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
%title-big {
|
|
23
23
|
font-size: 32px;
|
|
24
24
|
line-height: 32px;
|
|
25
|
-
color:
|
|
25
|
+
color: var(--color_text_dark);
|
|
26
26
|
|
|
27
27
|
@extend %font-bold;
|
|
28
28
|
}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
%title {
|
|
31
31
|
font-size: 28px;
|
|
32
32
|
line-height: 28px;
|
|
33
|
-
color:
|
|
33
|
+
color: var(--color_text_dark);
|
|
34
34
|
|
|
35
35
|
@extend %font-semi;
|
|
36
36
|
}
|
|
@@ -38,21 +38,21 @@
|
|
|
38
38
|
%title-med {
|
|
39
39
|
font-size: 24px;
|
|
40
40
|
line-height: 24px;
|
|
41
|
-
color:
|
|
41
|
+
color: var(--color_text_dark);
|
|
42
42
|
|
|
43
43
|
@extend %font-bold;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
%title-small {
|
|
47
47
|
font-size: 18px;
|
|
48
|
-
color:
|
|
48
|
+
color: var(--color_text_dark);
|
|
49
49
|
|
|
50
50
|
@extend %font-bold;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
%title-tiny {
|
|
54
54
|
font-size: 14px;
|
|
55
|
-
color:
|
|
55
|
+
color: var(--color_text_dark);
|
|
56
56
|
|
|
57
57
|
@extend %font-semi;
|
|
58
58
|
}
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
%text-big {
|
|
61
61
|
font-size: 20px;
|
|
62
62
|
line-height: 24px;
|
|
63
|
-
color:
|
|
63
|
+
color: var(--color_text_dark);
|
|
64
64
|
|
|
65
65
|
@extend %font-semi;
|
|
66
66
|
}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
%text-med {
|
|
69
69
|
font-size: 15px;
|
|
70
70
|
line-height: 20px;
|
|
71
|
-
color:
|
|
71
|
+
color: var(--color_text_dark);
|
|
72
72
|
|
|
73
73
|
@extend %font-regular;
|
|
74
74
|
}
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
%text-tiny {
|
|
85
85
|
font-size: 12px;
|
|
86
86
|
line-height: 16px;
|
|
87
|
-
color:
|
|
87
|
+
color: var(--color_text_med);
|
|
88
88
|
|
|
89
89
|
@extend %font-regular;
|
|
90
90
|
}
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
%button-small-primary {
|
|
93
93
|
border-radius: 4px;
|
|
94
94
|
height: 39px;
|
|
95
|
-
color:
|
|
96
|
-
background-color:
|
|
95
|
+
color: var(--color_text_light);
|
|
96
|
+
background-color: var(--color_secondary);
|
|
97
97
|
font-size: 15px;
|
|
98
98
|
|
|
99
99
|
@extend %font-regular;
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
%button-small-secondary {
|
|
103
103
|
border-radius: 4px;
|
|
104
104
|
height: 39px;
|
|
105
|
-
color:
|
|
106
|
-
background-color:
|
|
105
|
+
color: var(--color_text_med);
|
|
106
|
+
background-color: var(--color_gray_light);
|
|
107
107
|
font-size: 15px;
|
|
108
108
|
|
|
109
109
|
@extend %font-regular;
|
|
@@ -114,8 +114,8 @@
|
|
|
114
114
|
height: 39px;
|
|
115
115
|
background-color: white;
|
|
116
116
|
font-size: 15px;
|
|
117
|
-
border: 1px solid
|
|
118
|
-
color:
|
|
117
|
+
border: 1px solid var(--color_gray_dark);
|
|
118
|
+
color: var(--color_text_dark);
|
|
119
119
|
|
|
120
120
|
|
|
121
121
|
@extend %font-regular;
|
|
@@ -126,8 +126,8 @@
|
|
|
126
126
|
height: 39px;
|
|
127
127
|
background-color: white;
|
|
128
128
|
font-size: 15px;
|
|
129
|
-
border: 1px solid
|
|
130
|
-
color:
|
|
129
|
+
border: 1px solid var(--color_gray_light);
|
|
130
|
+
color: var(--color_text_dark);
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
@extend %font-regular;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
@import 'styles/colors.scss';
|
|
6
6
|
|
|
7
7
|
.navbar {
|
|
8
|
-
background-color:
|
|
8
|
+
background-color: var(--color_primary);
|
|
9
9
|
min-height: 7.25rem;
|
|
10
10
|
|
|
11
11
|
.navbar-brand {
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.user-icon {
|
|
30
|
-
color:
|
|
30
|
+
color: var(--color_text_light);
|
|
31
31
|
padding-left: 10px;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.navbar-item {
|
|
35
|
-
color:
|
|
35
|
+
color: var(--color_text_light);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.navbar-menu {
|
|
@@ -40,22 +40,22 @@
|
|
|
40
40
|
font-weight: 300;
|
|
41
41
|
|
|
42
42
|
.link {
|
|
43
|
-
color:
|
|
43
|
+
color: var(--color_text_light);
|
|
44
44
|
padding: 6px;
|
|
45
45
|
margin: -6px;
|
|
46
46
|
|
|
47
47
|
&:hover {
|
|
48
|
-
color:
|
|
48
|
+
color: var(--color_text_light);
|
|
49
49
|
text-decoration: none;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
&:active {
|
|
53
|
-
color:
|
|
53
|
+
color: var(--color_text_light);
|
|
54
54
|
text-decoration: underline;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
&:visited {
|
|
58
|
-
color:
|
|
58
|
+
color: var(--color_text_light);
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
|
|
@@ -101,11 +101,11 @@
|
|
|
101
101
|
|
|
102
102
|
.user-burger {
|
|
103
103
|
display: block;
|
|
104
|
-
color:
|
|
104
|
+
color: var(--color_text_light);
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
.user-icon {
|
|
108
|
-
color:
|
|
108
|
+
color: var(--color_text_light);
|
|
109
109
|
padding-left: 10px;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
@@ -131,25 +131,25 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.navbar-burger {
|
|
134
|
-
color:
|
|
134
|
+
color: var(--color_text_light);
|
|
135
135
|
margin-right: 15px;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
.navbar-menu {
|
|
139
139
|
.navbar-item {
|
|
140
140
|
.link {
|
|
141
|
-
color:
|
|
141
|
+
color: var(--color_primary);
|
|
142
142
|
|
|
143
143
|
&:hover {
|
|
144
|
-
color:
|
|
144
|
+
color: var(--color_primary);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
&:active {
|
|
148
|
-
color:
|
|
148
|
+
color: var(--color_primary);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
&:visited {
|
|
152
|
-
color:
|
|
152
|
+
color: var(--color_primary);
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
}
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.user-icon {
|
|
163
|
-
color:
|
|
163
|
+
color: var(--color_primary);
|
|
164
164
|
padding-bottom: 5px;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.close-icon {
|
|
26
|
-
color:
|
|
26
|
+
color: var(--color_text_dark);
|
|
27
27
|
font-size: 16px;
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
}
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
&:last-of-type {
|
|
128
128
|
color: #ffffff;
|
|
129
129
|
border-color: #ffffff;
|
|
130
|
-
background-color:
|
|
130
|
+
background-color: var(--color_primary);
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
}
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
&:last-of-type {
|
|
168
168
|
color: #ffffff;
|
|
169
169
|
border-color: #ffffff;
|
|
170
|
-
background-color:
|
|
170
|
+
background-color: var(--color_primary);
|
|
171
171
|
margin-top: 1rem;
|
|
172
172
|
}
|
|
173
173
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
display: flex;
|
|
11
11
|
justify-content: space-between;
|
|
12
12
|
.button {
|
|
13
|
-
background-color:
|
|
13
|
+
background-color: var(--color_secondary_contrast);
|
|
14
14
|
align-items: center;
|
|
15
15
|
border: none;
|
|
16
16
|
color: #fff;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.hero {
|
|
52
52
|
background-color: black;
|
|
53
|
-
color:
|
|
53
|
+
color: var(--color_text_light);
|
|
54
54
|
|
|
55
55
|
.hero-sponsor-image-bg {
|
|
56
56
|
background-size: cover;
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
.hero-sponsor {
|
|
61
61
|
position: relative;
|
|
62
62
|
overflow: hidden;
|
|
63
|
-
background-color:
|
|
63
|
+
background-color: var(--color_secondary_contrast);
|
|
64
64
|
background-repeat: no-repeat;
|
|
65
65
|
background-size: contain;
|
|
66
66
|
background-position: center;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
align-self: flex-end;
|
|
90
90
|
|
|
91
91
|
.link {
|
|
92
|
-
color:
|
|
92
|
+
color: var(--color_text_light);
|
|
93
93
|
|
|
94
94
|
i {
|
|
95
95
|
font-size: 2.5rem;
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
|
|
123
123
|
.link {
|
|
124
124
|
.button {
|
|
125
|
-
background-color:
|
|
125
|
+
background-color: var(--color_secondary_contrast);
|
|
126
126
|
border: none;
|
|
127
127
|
color: #fff;
|
|
128
128
|
height: 5rem;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
|
|
171
171
|
.link {
|
|
172
172
|
.button {
|
|
173
|
-
background-color:
|
|
173
|
+
background-color: var(--color_secondary_contrast);
|
|
174
174
|
border: none;
|
|
175
175
|
color: #fff;
|
|
176
176
|
height: 3.5rem;
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
|
|
254
254
|
.link {
|
|
255
255
|
.button {
|
|
256
|
-
background-color:
|
|
256
|
+
background-color: var(--color_secondary_contrast);
|
|
257
257
|
border: none;
|
|
258
258
|
color: #fff;
|
|
259
259
|
height: 5rem;
|
|
@@ -307,8 +307,8 @@
|
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.bottom-bar {
|
|
310
|
-
background-color:
|
|
311
|
-
color:
|
|
310
|
+
background-color: var(--color_secondary_contrast);
|
|
311
|
+
color: var(--color_text_light);
|
|
312
312
|
font-size: 30px;
|
|
313
313
|
padding: 6px 10px;
|
|
314
314
|
position: relative;
|
|
@@ -350,11 +350,11 @@
|
|
|
350
350
|
justify-content: space-evenly;
|
|
351
351
|
padding: 3rem;
|
|
352
352
|
margin-top: 2rem;
|
|
353
|
-
background-color:
|
|
353
|
+
background-color: var(--color_secondary_contrast);
|
|
354
354
|
|
|
355
355
|
.container-text {
|
|
356
356
|
font-size: 32px;
|
|
357
|
-
color:
|
|
357
|
+
color: var(--color_text_light);
|
|
358
358
|
}
|
|
359
359
|
|
|
360
360
|
.container-buttons {
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
flex-direction: column;
|
|
463
463
|
|
|
464
464
|
.link {
|
|
465
|
-
color:
|
|
465
|
+
color: var(--color_text_light);
|
|
466
466
|
|
|
467
467
|
i {
|
|
468
468
|
font-size: 2.5rem;
|
|
@@ -498,8 +498,8 @@
|
|
|
498
498
|
|
|
499
499
|
.link {
|
|
500
500
|
.button {
|
|
501
|
-
background-color:
|
|
502
|
-
border-color:
|
|
501
|
+
background-color: var(--color_secondary_contrast);
|
|
502
|
+
border-color: var(--color_secondary_contrast);
|
|
503
503
|
color: #fff;
|
|
504
504
|
height: 5rem;
|
|
505
505
|
width: 5rem;
|
|
@@ -550,8 +550,8 @@
|
|
|
550
550
|
|
|
551
551
|
.link {
|
|
552
552
|
.button {
|
|
553
|
-
background-color:
|
|
554
|
-
border-color:
|
|
553
|
+
background-color: var(--color_secondary_contrast);
|
|
554
|
+
border-color: var(--color_secondary_contrast);
|
|
555
555
|
color: #fff;
|
|
556
556
|
height: 4rem;
|
|
557
557
|
width: 4rem;
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
|
|
60
60
|
.button {
|
|
61
61
|
width: 100%;
|
|
62
|
-
background-color:
|
|
63
|
-
color:
|
|
62
|
+
background-color: var(--color_secondary);
|
|
63
|
+
color: var(--color_text_light);
|
|
64
64
|
border: 0px;
|
|
65
65
|
margin-bottom: 2em;
|
|
66
66
|
}
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
.image-box {
|
|
94
94
|
box-sizing: border-box;
|
|
95
95
|
padding: 20px;
|
|
96
|
-
background-color:
|
|
96
|
+
background-color: var(--color_primary_contrast);
|
|
97
97
|
margin: 10px;
|
|
98
98
|
display: flex;
|
|
99
99
|
justify-content: center;
|
package/src/styles/style.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import './colors.scss';
|
|
2
2
|
@import './global-classes';
|
|
3
3
|
|
|
4
4
|
html,
|
|
@@ -7,6 +7,7 @@ body {
|
|
|
7
7
|
margin: 0;
|
|
8
8
|
padding: 0;
|
|
9
9
|
height: 100%;
|
|
10
|
+
background-color: var(--color_background_light) !important;
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
|
|
@@ -53,7 +54,7 @@ html:not([data-whatintent=keyboard]) .focus {
|
|
|
53
54
|
|
|
54
55
|
/* overrides Bulma focus style */
|
|
55
56
|
.button:focus {
|
|
56
|
-
color:
|
|
57
|
+
color: var(--color_text_light) !important;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
60
|
label {
|
|
@@ -162,7 +163,7 @@ h2 {
|
|
|
162
163
|
width: 100%;
|
|
163
164
|
|
|
164
165
|
.hero {
|
|
165
|
-
background-color:
|
|
166
|
+
background-color: var(--color_secondary);
|
|
166
167
|
align-self: center;
|
|
167
168
|
width: 100%;
|
|
168
169
|
height: 100%;
|
|
@@ -235,14 +236,14 @@ h2 {
|
|
|
235
236
|
|
|
236
237
|
.talk {
|
|
237
238
|
&__break {
|
|
238
|
-
background-color:
|
|
239
|
+
background-color: var(--color_secondary);
|
|
239
240
|
min-height: 92vh !important;
|
|
240
241
|
width: 100%;
|
|
241
242
|
padding: 0 3rem;
|
|
242
243
|
|
|
243
244
|
h1,
|
|
244
245
|
h2 {
|
|
245
|
-
color:
|
|
246
|
+
color: var(--color_text_light);
|
|
246
247
|
font-size: 42px;
|
|
247
248
|
}
|
|
248
249
|
}
|
|
@@ -304,8 +305,8 @@ h2 {
|
|
|
304
305
|
|
|
305
306
|
.join-zoom-container {
|
|
306
307
|
align-items: center;
|
|
307
|
-
background-color:
|
|
308
|
-
color:
|
|
308
|
+
background-color: var(--color_secondary);
|
|
309
|
+
color: var(--color_text_light);
|
|
309
310
|
display: flex;
|
|
310
311
|
height: 110px;
|
|
311
312
|
justify-content: space-around;
|
|
@@ -327,7 +328,7 @@ h2 {
|
|
|
327
328
|
padding-right: 4em;
|
|
328
329
|
text-transform: uppercase;
|
|
329
330
|
&:focus,&:active {
|
|
330
|
-
color:
|
|
331
|
+
color: var(--color_secondary) !important;
|
|
331
332
|
}
|
|
332
333
|
}
|
|
333
334
|
}
|