Last active
April 7, 2022 16:38
-
-
Save chriskirknielsen/7b63f480be0b0253a1745efb33012905 to your computer and use it in GitHub Desktop.
MDN Slabbin'
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Spruces up the MDN site a little with slabs and a touch of colour in the compat table! */ | |
/* Domain: developer.mozilla.org */ | |
:root { | |
--font-heading: "Zilla Slab", Rockwell, Georgia, serif; | |
--type-heading-h1: 900 2.25rem/1.138 var(--font-heading); | |
--type-heading-h2: 700 1.75rem/1.2857 var(--font-heading); | |
--type-heading-h3: 600 1.5rem/1.2916 var(--font-heading); | |
--type-heading-h6: 700 0.8925rem/1.0833 var(--font-heading); | |
} | |
h1, h2, h3, h4, h5, h6 { | |
letter-spacing: 0.05em; | |
} | |
.document-toc-heading[class], | |
.sidebar-heading[class] { | |
letter-spacing: 0.25em; | |
font-weight: 400; | |
} | |
.article-actions-container { | |
padding: 0.5em 0; | |
} | |
td.bc-supports-yes { background: rgba(0 255 0 / 10%); } | |
td.bc-supports-no { background: rgba(255 0 0 / 10%); } | |
td.bc-supports-preview { background: rgba(0 0 255 / 15%); } | |
/* | |
You can download Zilla Slab from Google Fonts, or @import it if you really want to be tracked by Google! | |
@link https://fonts.google.com/specimen/Zilla+Slab | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment