maddesigns

// ----
// Sass (v3.2.13)
// Compass (v0.12.2)
// ----

$test: #FFF1E0;

.test {
  background-color: $test;
  color: #{$test};

maddesigns

$base-font-size: 	16px;
$base-line-height: 	1.5;

// this value may vary for each font
// unitless value relative to 1em
$cap-height: 		0.68;


@mixin baseline($font-size, $scale: 2) {

maddesigns

## FILL ##
fill	            Sets fill color of the shape.
fill-opacity	    Sets fill opacity of the shape.
fill-rule	    Sets fill rule of the shape.
  
  ** example **
  fill: #ccc;
  fill: rgba(0,0,0,.5);
  fill: red;

maddesigns

* {
  -webkit-border-radius: 0              !important;
  -moz-border-radius:    0              !important;
  border-radius:         0              !important;
                                        
  -webkit-box-shadow: 0                 !important;
  -moz-box-shadow:    0                 !important;
  box-shadow:         0                 !important;
                                       
  -webkit-transition: none              !important;

maddesigns

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

maddesigns

/**
 * @author ebidel@ (Eric Bidelman)
 * License Apache-2.0
 *
 * Shows how to use Puppeeteer's code coverage API to measure CSS/JS coverage across 
 * different points of time during loading. Great for determining if a lazy loading strategy
 * is paying off or working correctly.
 *
 * Install: 
 *   npm i puppeteer chalk cli-table