[OCaml] High Intensity Training Online
feat limit mono font to numeric content
Reserve Courier Prime for numerical inputs and outputs and tabular data. The eyebrow, ledger-meta, and legend labels are prose, so render them in Work Sans. Numeric fields, the exercise index, and recorded efforts keep the monospace face.
Changed files
ENHANCEMENTS.org
@@ -30,7 +30,7 @@
30
30
Make the masthead brand name appear much larger.
31
31
** DONE Style exercise names as headings
32
32
In the exercise fieldset, style the exercise name as a black Work Sans heading.
33
Removed:
** TODO Limit Courier Prime Mono usage
33
Added:
** DONE Limit Courier Prime Mono usage
34
34
Use Courier Prime Mono only for numerical inputs and outputs, and eventually for tabular data.
35
35
** TODO Hide sign-out on mobile
36
36
Do not show the sign-out button on mobile.
lib/web/assets/hito.css
@@ -93,7 +93,7 @@
93
93
94
94
.eyebrow,
95
95
.ledger-meta {
96
Removed:
font: 700 var(--font-size-small)/1.35 var(--mono);
96
Added:
font: 700 var(--font-size-small)/1.35 var(--sans);
97
97
letter-spacing: 0.09em;
98
98
text-transform: uppercase;
99
99
}
@@ -200,7 +200,7 @@
200
200
max-width: 100%;
201
201
padding: 0 0.35rem;
202
202
color: var(--ink);
203
Removed:
font: 700 var(--font-size-small)/1.35 var(--mono);
203
Added:
font: 700 var(--font-size-small)/1.35 var(--sans);
204
204
letter-spacing: 0.025em;
205
205
}
206
206