maddesigns

    "autoprefixer": "postcss -u autoprefixer -m --autoprefixer.browsers 'last 10 versions, ie >= 11, Android >= 4.4' -r .tmp/css/*",
    "clean:dist": "rm -rf dist/*",
    "clean:tmp": "rm -rf tmp",
    "clean": "npm run clean:dist && npm run clean:tmp",
    "copy:dist": "cp -R src/ dist/",
    "copy": "npm run copy:dist",
    "sass:dist": "node-sass --output-style expanded src/css/style.scss dist/css/style.css",
    "sass:tmp": "node-sass -w -r --output-style expanded src/css/style.scss .tmp/css/style.css",
    "sasspref": "node-sass --output-style expanded --include-path src/css < src/css/style.scss | postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions, ie >= 11, Android >= 4.4' > .tmp/css/style.css",
    "sass": "npm run sasspref",

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

maddesigns

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@import "singularitygs";

$grids: 12;
$gutters: 12px;
$gutter-styles: 'split' 'fixed';

maddesigns

<article>article</article>
<aside>aside</aside>

maddesigns

$gridgap: 30px;

.bs-grid {
	box-sizing: border-box;
	display: grid;
	grid-gap: $gridgap;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	// grid-template-columns:
	// calc(100%/12 - (#{$gridgap} - (#{$gridgap}/12)))

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

* {
  -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

{
	"auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin, text.html.basic",
	"binary_file_patterns":
	[
		"dist/*",
		".tmp/*",
		"node_modules/*",
		"*.jpg",
		"*.jpeg",
		"*.png",

maddesigns

<div class="grid12">
    <div class="grid6">
        <div>col1</div>
    </div>
    <div class="grid6">
        <div>col2</div>
    </div>
</div>

<div class="grid6">col6</div>

maddesigns

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

// global breakpoints
$tiny:           320px                 !default;
$small:          480px                 !default;
$medium:         600px                 !default;
$large:          768px                 !default;