-
Notifications
You must be signed in to change notification settings - Fork 1
/
sydney-fonts.css
140 lines (125 loc) · 5.01 KB
/
sydney-fonts.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
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
132
133
134
135
136
137
138
139
/* mostly as per defaults
https://github.com/yihui/xaringan/blob/master/inst/rmarkdown/templates/xaringan/resources/default-fonts.css
but the major change is bringing Roboto front and centre
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/*
I'm in two minds as to whether to default to Roberto Mono or stick with
Source Code Pro (internet says Source Code Pro is better)
https://www.slant.co/versus/224/287/~source-code-pro_vs_roboto-mono
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
*/
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
body {
font-family: 'Roboto', Arial, sans-serif;
}
h1, h2, h3 {
font-family: 'Roboto Condensed';
font-weight: normal;
}
.remark-code, .remark-inline-code {
font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
font-size: 95%;
}
.hljs-github .hljs {
overflow-y: auto;
}
.remark-code-line {
font-size: 80%;
}
/* this is not ideal, but a response to the resising issues
discussed https://github.com/yihui/xaringan/issues/62 and
https://github.com/yihui/xaringan/issues/143 */
.mjx-chtml{ font-size: 100% !important; }
/* change the line spread for readability
and so that inline code highlighting
doesn't cover text on the line above */
.remark-slide-content { font-size:24px; }
.remark-slide-content p,
.remark-slide-content li {
line-height: 1.4;
/*font-size: 1.1em;*/
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.footnote {
position: absolute;
bottom: 0;
padding-right: 8em; /* to avoid the page numbering */
}
/* footnote identifier use: .fn[1] */
.fn {
vertical-align: super;
font-size: 60%;
}
.footnote {
font-size: 0.7em;
}
.remark-slide-content .footnote p,
.remark-slide-content .footnote li {
font-size: 0.7em!important;
}
.footnote .remark-code,
.footnote .remark-inline-code{ font-size: 0.8em!important; }
/* code higlighting */
.remark-code-string-highlighted,
.remark-code-line-highlighted {
background-color: yellow;
}
.remark-slide-number{
font-size: 16px!important;
bottom: 8px;
right: 16px;
}
/************************
* Font size and colours
************************/
/* LaTeX style */
.Large , .Large .remark-code, .Large .remark-inline-code { font-size: 144%; }
.large , .large .remark-code, .large .remark-inline-code { font-size: 120%; }
.small , .small .remark-code, .small .remark-inline-code { font-size: 90%; }
.footnotesize, .footnotesize .remark-code, .footnotesize .remark-inline-code { font-size: 80%; }
.scriptsize , .scriptsize .remark-code, .scriptsize .remark-inline-code { font-size: 70%; }
.tiny , .tiny .remark-code, .tiny .remark-inline-code { font-size: 60%; }
/* or you can be more specific */
.font10 , .code10 .remark-code, .code10 .remark-inline-code{ font-size: 10%; }
.font20 , .code20 .remark-code, .code20 .remark-inline-code{ font-size: 20%; }
.font30 , .code30 .remark-code, .code30 .remark-inline-code{ font-size: 30%; }
.font40 , .code40 .remark-code, .code40 .remark-inline-code{ font-size: 40%; }
.font50 , .code50 .remark-code, .code50 .remark-inline-code{ font-size: 50%; }
.font60 , .code60 .remark-code, .code60 .remark-inline-code{ font-size: 60%; }
.font70 , .code70 .remark-code, .code70 .remark-inline-code{ font-size: 70%; }
.font75 , .code75 .remark-code, .code75 .remark-inline-code{ font-size: 75%; }
.font80 , .code80 .remark-code, .code80 .remark-inline-code{ font-size: 80%; }
.font90 , .code90 .remark-code, .code90 .remark-inline-code{ font-size: 90%; }
.font100, .code100 .remark-code, .code100 .remark-inline-code{ font-size: 100%; }
.font110, .code110 .remark-code, .code110 .remark-inline-code{ font-size: 110%; }
.font120, .code120 .remark-code, .code120 .remark-inline-code{ font-size: 120%; }
.font130, .code130 .remark-code, .code130 .remark-inline-code{ font-size: 130%; }
.font140, .code140 .remark-code, .code140 .remark-inline-code{ font-size: 140%; }
.font150, .code150 .remark-code, .code150 .remark-inline-code{ font-size: 150%; }
.font160, .code160 .remark-code, .code160 .remark-inline-code{ font-size: 160%; }
.font170, .code170 .remark-code, .code170 .remark-inline-code{ font-size: 170%; }
.font175, .code175 .remark-code, .code175 .remark-inline-code{ font-size: 175%; }
.font180, .code180 .remark-code, .code180 .remark-inline-code{ font-size: 180%; }
.font190, .code190 .remark-code, .code190 .remark-inline-code{ font-size: 190%; }
.font200, .code200 .remark-code, .code200 .remark-inline-code{ font-size: 200%; }
.brand-red { color: #e64626; }
.brand-blue { color: #0148A4; }
.brand-yellow { color: #FFB800; }
.brand-charcoal {color: #424242; }
.brand-gray {color: #F1F1F1;}
.brand-grey {color: #F1F1F1;}
.black { color: black; }
.white { color: white; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }
.orange { color: orange; }
.purple { color: purple; }
.gray { color: gray; }
.grey { color: gray; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }