mejiaj

//* USWDS Site snippets

//* How to
// 1. Download this file.
// 2. Go to uswds-site project root.
// 3. Place in project's `.vscode/` directory (might have to create if it doesn't exist).

// File originally created for USWDS changelog entries.
// See README on site for latest on changelogs:
// https://github.com/uswds/uswds-site/blob/main/_data/changelogs/_CHANGELOG-README.md

mejiaj

Useful tools

Fonts

Get fonts like iosevka, monoid, hack, and nerd fonts.

brew tap homebrew/cask-fonts

mejiaj

{
  "exclude": [".git/**", "node_modules/**", "bower_components/**"],
  "always-semicolon": true,
  "block-indent": "  ",
  "color-case": "lower",
  "color-shorthand": false,
  "element-case": "lower",
  "eof-newline": true,
  "leading-zero": true,
  "quotes": "double",

mejiaj

// Grid System
$grid-columns:              12 !default;
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width:         30px !default;

// Framework grid generation
//
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `$grid-columns`.

mejiaj

/*
* Based on sitepoint article by Hugo Giraudel
* http://www.sitepoint.com/managing-responsive-breakpoints-sass/
*/

$breakpoints: (

	small: 	300/16 + 0em,
	medium: 500/16 + 0em,
	large: 	850/16 + 0em

mejiaj

<meta name="viewport" content="width=device-width, initial-scale=1">

@-ms-viewport { width: device-width; }