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
128
129
130
131
|
:root {
--primary: #1976d2;
--primary-txt: #fff;
--accent: grey;
--accent-txt: #fff;
--base: #FFF;
--base-text: #424242;
--base-secondary-text: #636363;
--link-secondary-text: #424242;
--toc-text: var(--primary);
--darken-1: rgba(0, 0, 0, .125);
--darken-2: rgba(0, 0, 0, .25);
--darken-3: rgba(0, 0, 0, .5);
--lighten-1: hsla(0, 100%, 100%, .125);
--lighten-2: hsla(0, 100%, 100%, .25);
--lighten-3: hsla(0, 100%, 100%, .5);
--color-hero: ghostwhite;
--color-platium: #73737a;
--color-gold: #b7935b;
--color-error: firebrick;
--space-1: .125rem;
--space-2: .25rem;
--space-3: .5rem;
--space-4: 1rem;
--theJdrSize: 1100px;
--block-text-max-width: 60rem;
--breakpoint-sm: 34.375rem; // 540px
--breakpoint-md: 45rem; // 720px
--breakpoint-lg: 60rem; // 960px
--breakpoint-xl: 71.25rem; // 1140px
--container-margin: 10vw;
--container-margin-mobile: 3vw;
--toolbar-height: 3.25rem;
--font-family: 'Roboto', sans-serif;
/* Tags */
/*from https://github.com/d3/d3-scale-chromatic#schemePastel2*/
--tag1: #b3e2cd;
--tag2: #fdcdac;
--tag3: #cbd5e8;
--tag4: #f4cae4;
--tag5: #e6f5c9;
--tag6: #fff2ae;
--tag7: #f1e2cc;
--tag8: #cccccc;
--native-mobile-apps: var(--tag2);
--web: var(--tag6);
--method-tools: var(--tag5);
--big-data-ml-ai: var(--tag3);
--iot: var(--tag8);
--cloud: var(--tag4);
--languages: var(--tag1);
--wtf: var(--tag7);
--general: var(--tag8);
--office-hours: floralwhite;
--keynote: paleturquoise;
/* Jumbo section */
--jumbo-logo-width: 800px;
--jumbo-overlay-opacity: 0.6;
/* Partners */
--partner-support-height: 60px;
--partner-platinum-height: calc(var(--partner-support-height) * 3);
--partner-gold-height: calc(var(--partner-support-height) * 2);
--animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--extruded-dark: 1px 0 0 var(--darken-3);
--extruded-light: 1px 0 0 var(--lighten-3);
--box-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
--box-shadow-2: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
/* Mark */
--fg-mark-a: white;
--bg-mark-a: #fb2c17;
--fg-mark-b: black;
--bg-mark-b: #ffcc00;
--fg-mark-t2: white;
--bg-mark-t2: #11a7e0;
/* Schedule */
--base-grid-height: 4.5em;
/* Footer */
--footer-bg: #222;
--footer-fg: #8a8a8a;
}
// Dark theme
@media (prefers-color-scheme: dark) {
:root {
--base: #222;
--base-text: #ddd;
--primary: #0d47a1;
--toc-text: #64b5f6;
--color-hero: #181818;
--lighten-1: rgba(0, 0, 0, .125);
--lighten-2: rgba(0, 0, 0, .25);
--lighten-3: rgba(0, 0, 0, .5);
--darken-1: hsla(0, 100%, 100%, .125);
--darken-2: hsla(0, 100%, 100%, .25);
--darken-3: hsla(0, 100%, 100%, .5);
--footer-bg: #000;
--footer-fg: #777;
}
}
|