Skip to content

Instantly share code, notes, and snippets.

@chriskirknielsen
Last active April 7, 2022 16:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chriskirknielsen/7b63f480be0b0253a1745efb33012905 to your computer and use it in GitHub Desktop.
Save chriskirknielsen/7b63f480be0b0253a1745efb33012905 to your computer and use it in GitHub Desktop.
MDN Slabbin'
/* 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