From: John Haugabook <[email protected]> style.css: apply global font size and line-height, better accessibility
Signed-off-by: John Haugabook <[email protected]> --- style.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 0777fd0e..1c5a1733 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,10 @@ +/* Better reading for accessibliity */ +* +{ + font-size: 1em; /* essentiall 12pt but preseves pre and code size */ + line-height: 1.35; /* this is a bit more accessible reading */ +} + body { color: black; @@ -27,6 +34,12 @@ a:visited text-align: left; } +/* Accessibilty override for navbar */ +#navbar * +{ + line-height: 1.1 !important; /* override the global line-height */ +} + #navbar li { overflow: hidden; @@ -93,7 +106,6 @@ a:visited #navbar ul li.nohover li { margin-top: 5px; - line-height: 1.1; } div#main @@ -202,6 +214,12 @@ div#main overflow: visible; } +/* Accessibility override for nested ul. */ +#main ul li ul *, #main ul li ul +{ + line-height: 1.25 !important; /* override accessible, looks organized */ +} + /* Header/footer styles -------------------------------------------------- */ #big-title -- 2.49.0.windows.1
