/
master.css
66 lines (55 loc) · 1.18 KB
/
master.css
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
@charset "UTF-8";
@import "/dist/normalize.css";
@import "./app-layout.css";
@import "./tooltip.css";
@import "./page.css";
@import "./parsha-picker.css";
@import "./toggle.css";
@import "./toolbar.css";
@font-face {
font-family: "ShlomosemiStam";
src: url(/assets/fonts/ShlomosemiStam.ttf);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
height: 100vh;
font-family: sans-serif;
}
ol {
padding: 0;
}
.u-page-wrap {
max-width: 550px;
margin: 0 auto;
}
.u-hidden {
display: none;
}
@keyframes fade-out {
to {
opacity: 0;
}
}
.u-hidden.mod-animated {
animation: fade-out 0.2s;
}
:root {
/* HACK: I don't like that I have to specify the header height
here, but I don't know how else to use flexbox to say that
the header's height should fit to content, and the body's
height should fill the rest of the container (in this case
the screen), regardless of overflow */
--header-height: 45px;
}
.tikkun-book {
padding-top: 1em;
font-size: 1.5em;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; /*https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/*/
box-sizing: border-box;
}