2
2
font-family : 'Track' ;
3
3
font-style : normal;
4
4
font-weight : 400 ;
5
- src : local (" Track" ), url (" ../fonts/Track.otf" );
5
+ src : local (' Track' ), url (' ../fonts/Track.otf' );
6
6
}
7
7
8
8
@font-face {
9
9
font-family : 'Track' ;
10
10
font-style : italic;
11
11
font-weight : 400 ;
12
- src : local (" Track Italic" ), url (" ../fonts/Track Italic.otf" );
12
+ src : local (' Track Italic' ), url (' ../fonts/Track Italic.otf' );
13
13
}
14
14
15
15
.reveal {
16
- font-family : " Source Sans" , sans-serif;
16
+ font-family : ' Source Sans' , sans-serif;
17
17
letter-spacing : 0 ;
18
18
}
19
19
20
- .reveal h1 , .reveal h2 , .reveal h3 , .reveal h4 , .reveal h5 , .reveal h6 {
20
+ .reveal h1 ,
21
+ .reveal h2 ,
22
+ .reveal h3 ,
23
+ .reveal h4 ,
24
+ .reveal h5 ,
25
+ .reveal h6 {
21
26
font-family : Merriweather;
22
27
text-transform : none;
23
28
letter-spacing : 0 ;
24
29
line-height : 1em ;
25
30
}
26
31
27
- .reveal tt , .reveal code , .reveal pre {
28
- font-family : "Operator Mono Ssm" , "Source Code Pro" , Menlo, Monaco, Consolas, monospace;
32
+ .reveal tt ,
33
+ .reveal code ,
34
+ .reveal pre {
35
+ font-family : 'Operator Mono Ssm' , 'Source Code Pro' , Menlo, Monaco, Consolas,
36
+ monospace;
29
37
font-size : 0.65em ;
30
38
line-height : 1.3em ;
31
39
}
32
40
33
- .reveal p code , .reveal li code , .reveal footer code , .reveal td code ,
34
- .reveal p tt , .reveal li tt , .reveal footer tt , .reveal td tt {
41
+ .reveal p code ,
42
+ .reveal li code ,
43
+ .reveal footer code ,
44
+ .reveal td code ,
45
+ .reveal p tt ,
46
+ .reveal li tt ,
47
+ .reveal footer tt ,
48
+ .reveal td tt {
35
49
font-size : 100% ;
36
50
}
37
51
38
- .reveal h2 code { font-size : 1em ; }
52
+ .reveal h2 code {
53
+ font-size : 1em ;
54
+ }
39
55
40
56
/* OTHER TWEAKS */
41
57
42
- .reveal .slides { min-width : 980px ; max-width : 1880px ; }
58
+ .reveal .slides {
59
+ min-width : 980px ;
60
+ max-width : 1880px ;
61
+ }
62
+
63
+ span [lang ],
64
+ strong [lang ] {
65
+ font-style : italic;
66
+ }
67
+ em span [lang ],
68
+ em strong [lang ] {
69
+ font-style : normal;
70
+ }
71
+
72
+ .reveal h2 {
73
+ font-size : 1.95em ;
74
+ }
75
+ .reveal h2 + h4 : not (.breathe ) {
76
+ margin-top : -0.3em ;
77
+ }
43
78
44
- span [lang ], strong [lang ] { font-style : italic; }
45
- em span [lang ], em strong [lang ] { font-style : normal; }
79
+ .reveal h2 + h4 {
80
+ font-size : 0.8em ;
81
+ }
46
82
47
- .reveal h2 { font-size : 1.95em ; }
48
- .reveal h2 + h4 : not (.breathe ) { margin-top : -0.3em ; }
49
- .reveal p code , .reveal li code { color : # 4169e1 ; }
83
+ .reveal p code ,
84
+ .reveal li code {
85
+ color : # 4169e1 ;
86
+ }
50
87
51
88
.reveal pre code [data-path ]: after {
52
89
display : block;
@@ -66,7 +103,7 @@ em span[lang], em strong[lang] { font-style: normal; }
66
103
}
67
104
68
105
.reveal pre code {
69
- font-size : 1.2 em ;
106
+ font-size : 0.8 em ;
70
107
max-height : none;
71
108
}
72
109
@@ -86,7 +123,8 @@ em span[lang], em strong[lang] { font-style: normal; }
86
123
}
87
124
88
125
.reveal pre > code > .implied {
89
- display : block; margin : 0 ;
126
+ display : block;
127
+ margin : 0 ;
90
128
opacity : 0.8 ;
91
129
background : # e9e9e9 ;
92
130
}
@@ -107,57 +145,81 @@ em span[lang], em strong[lang] { font-style: normal; }
107
145
color : black;
108
146
}
109
147
110
- .reveal sup { font-size : 60% ; }
148
+ .reveal sup {
149
+ font-size : 60% ;
150
+ }
111
151
112
152
.reveal section > footer {
113
- margin-top : 2 em ;
114
- font-size : 60 % ;
153
+ /* margin-top: 1em; */
154
+ font-size : 50 % ;
115
155
opacity : 0.8 ;
116
- line-height : 1.4em
156
+ line-height : 1.4em ;
117
157
/*color: rgba(255, 255, 255, 0.8);*/
118
158
}
119
159
120
- .reveal li + li { margin-top : 0.5em ; }
160
+ .reveal li + li {
161
+ margin-top : 0.5em ;
162
+ }
121
163
122
- .reveal section ul , .reveal section ol {
164
+ .reveal section ul ,
165
+ .reveal section ol {
123
166
margin-top : 1em ;
124
167
margin-bottom : 1em ;
125
168
}
126
- .reveal section ul .narrow , .reveal section ol .narrow {
169
+ .reveal section ul .narrow ,
170
+ .reveal section ol .narrow {
127
171
margin-top : 0.5em ;
128
172
margin-bottom : 0.5em ;
129
173
}
130
174
131
- .reveal ul .narrow > li + li , .reveal ol .narrow > li + li {
175
+ .reveal ul .narrow > li + li ,
176
+ .reveal ol .narrow > li + li {
132
177
margin-top : 0.3em ;
133
178
}
134
179
135
- .reveal section p + h4 , .reveal section pre + h4 ,
136
- .reveal section .fragment > h4 : first-child { margin : 1em 0 ; }
180
+ .reveal section p + h4 ,
181
+ .reveal section pre + h4 ,
182
+ .reveal section .fragment > h4 : first-child {
183
+ margin : 1em 0 ;
184
+ }
137
185
138
- .reveal section .breathing { margin : 1em 0 ; }
186
+ .reveal section .breathing {
187
+ margin : 1em 0 ;
188
+ }
139
189
140
- b .wrong , b .right {
190
+ b .wrong ,
191
+ b .right {
141
192
font-weight : normal;
142
- padding : 0.1em 0.5em 0.1em 0 ; border-radius : 0.5em ;
193
+ padding : 0.1em 0.5em 0.1em 0 ;
194
+ border-radius : 0.5em ;
195
+ }
196
+ b .wrong : empty ,
197
+ b .right : empty {
198
+ padding-left : 0.5em ;
199
+ }
200
+ b .wrong {
201
+ background : # fdd ;
143
202
}
144
- b .wrong : empty , b .right : empty { padding-left : 0.5em ; }
145
- b .wrong { background : # fdd ; }
146
203
b .wrong ::after {
147
- content : " ✖ KO" ;
204
+ content : ' ✖ KO' ;
148
205
font-weight : bold;
149
206
color : # b00 ;
150
207
}
151
208
152
- b .right { background : # dfd ; }
209
+ b .right {
210
+ background : # dfd ;
211
+ }
153
212
b .right ::after {
154
- content : " ✔ OK" ;
213
+ content : ' ✔ OK' ;
155
214
font-weight : bold;
156
215
color : # 090 ;
157
216
}
158
217
159
- .reveal pre > code u , b .hl {
160
- background : # fe9 ; padding : 0.1em ; border-radius : 0.2em ;
218
+ .reveal pre > code u ,
219
+ b .hl {
220
+ background : # fe9 ;
221
+ padding : 0.1em ;
222
+ border-radius : 0.2em ;
161
223
text-decoration : none;
162
224
}
163
225
@@ -186,8 +248,14 @@ b.right::after {
186
248
margin-top : 0.8em ;
187
249
}
188
250
189
- .reveal table { width : 100% ; border-collapse : collapse; margin : 1em 0 ; font-size : 90% ; }
190
- .reveal td , .reveal th {
251
+ .reveal table {
252
+ width : 100% ;
253
+ border-collapse : collapse;
254
+ margin : 1em 0 ;
255
+ font-size : 90% ;
256
+ }
257
+ .reveal td ,
258
+ .reveal th {
191
259
padding : 0 0.2em 0.2em ;
192
260
}
193
261
.reveal table > thead > tr > th {
@@ -198,7 +266,8 @@ b.right::after {
198
266
background : rgba (255 , 255 , 255 , 0.9 );
199
267
}
200
268
201
- # ssrr tr > td : last-child , # ssrr tr > th : last-child {
269
+ # ssrr tr > td : last-child ,
270
+ # ssrr tr > th : last-child {
202
271
text-align : right;
203
272
}
204
273
@@ -223,7 +292,11 @@ b.right::after {
223
292
margin-left : 0.5em ;
224
293
}
225
294
226
- .reveal iframe [name ^= "tonic-embed-" ] {
295
+ .two-columns .with-code pre code {
296
+ font-size : 0.7em ;
297
+ }
298
+
299
+ .reveal iframe [name ^= 'tonic-embed-' ] {
227
300
max-width : none;
228
301
max-height : none;
229
302
}
@@ -247,7 +320,6 @@ b.right::after {
247
320
text-shadow : 0 0 0.2em white;
248
321
}
249
322
250
-
251
323
.reveal .tada {
252
324
position : absolute;
253
325
left : 50% ;
@@ -306,3 +378,25 @@ b.right::after {
306
378
width : 1920px ;
307
379
height : 1080px ;
308
380
}
381
+ /*
382
+ @media (max-width: 1280px) {
383
+ .reveal {
384
+ font-size: 28px;
385
+ }
386
+ .reveal p,
387
+ .reveal li,
388
+ .reveal footer {
389
+ font-size: 90%;
390
+ }
391
+ .reveal pre code {
392
+ font-size: 1em;
393
+ }
394
+ .reveal section > footer {
395
+ margin-top: 0.5em;
396
+ }
397
+ } */
398
+
399
+ .reveal table .condensed td ,
400
+ .reveal table .condensed th {
401
+ font-size : 80% ;
402
+ }
0 commit comments