Skip to content

Instantly share code, notes, and snippets.

@dkapitan
Last active August 6, 2023 08:51
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 dkapitan/054e63f4554a2baeddfbcb0ac9acef8a to your computer and use it in GitHub Desktop.
Save dkapitan/054e63f4554a2baeddfbcb0ac9acef8a to your computer and use it in GitHub Desktop.
Mozilla design
// Google Fonts
@import url(http://fonts.googleapis.com/css?family=Zilla+Slab|Zilla+Slab+Highlight|Inter|Fira+Code:400italic,700italic,400,700);
// Font Variables
$zilla-slab: "Zilla Slab", serif;
$zilla-slab-highlight: "Zilla Slab Highlight", serif;
$inter: "Inter", sans-serif;
$fira-code: "Fira Code";
// Colours
$black: #000000;
$white: #ffffff;
$neon-blue: #00ffff;
$lemon-yellow: #fff44f;
$warm-red: #ff4f5e;
$neon-green: #54ffbd;
$dark-purple: #6e008b;
$dark-green: #005e5e;
$dark-blue: #00458b;
$dark-grey: #959595;
$light-grey: #e7e5e2;
// bootstrap variables https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
// scss-docs-start font-variables
// stylelint-disable value-keyword-case
$font-family-sans-serif: $inter, sans-serif !default;
$font-family-monospace: $fira-code, monospace !default;
// scss-docs-end font-variables
// scss-docs-start headings-variables
$headings-font-family: $zilla-slab !default;
// scss-docs-end headings-variables
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment