diff options
author | Arun Isaac | 2022-03-20 18:56:07 +0530 |
---|---|---|
committer | Arun Isaac | 2022-03-20 19:05:35 +0530 |
commit | e60b8f8dc05b20781fecb8296c74c3e576f8164a (patch) | |
tree | c86efc144fc1f6205cddf0796d26651f75d84e68 /website/style.css | |
parent | 25c04ddf9dc18ffcec2aeb8d031dc0085e323057 (diff) | |
download | guix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.tar.gz guix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.tar.lz guix-forge-e60b8f8dc05b20781fecb8296c74c3e576f8164a.zip |
website: Use Fira Code for code blocks.
* Makefile (fonts): Add FiraCode-Regular.woff2 and
FiraCode-SemiBold.woff2.
* website/style.css (@font-face: FiraCode-Regular, @font-face:
FiraCode-SemiBold): New font faces.
(pre, code, samp): Set font-family to 'Fira Code';
(pre): Set font-size to 0.9em.
(code, samp): Set font-size to 600 (semi-bold).
Diffstat (limited to 'website/style.css')
-rw-r--r-- | website/style.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/website/style.css b/website/style.css index 5d8415c..bcd4136 100644 --- a/website/style.css +++ b/website/style.css @@ -5,6 +5,20 @@ font-style: normal; } +@font-face { + font-family: 'Fira Code'; + src: url('/fonts/FiraCode-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('/fonts/FiraCode-SemiBold.woff2') format('woff2'); + font-weight: 600; + font-style: normal; +} + body { margin: 40px auto; max-width: 900px; @@ -14,13 +28,19 @@ body { padding: 0 10px; } +pre, code, samp { + font-family: 'Fira Code'; +} + pre { background-color: #f0f0f0; padding: 1em; + font-size: 0.9em; } code, samp { font-size: 0.8em; + font-weight: 600; } /* Make the SVG badges clickable. */ |