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

    "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

$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

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

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

maddesigns

Eier-Speck-Muffins

Zutaten

für 6 Portionen

• 10g Chaddarkäse
• 6 Scheiben (Toast-) Brot
• 1 EL Butter
• 12 Streifen Speck
• 6 Eier

maddesigns

// ----
// libsass (v3.3.2)
// ----

// Singularity.gs (v1.5.1)

@import "singularitygs";

* {
  box-sizing: border-box;

maddesigns

// ----
// libsass (v3.2.5)
// ----

/*! ========================================================================

    PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
    ---------------------------------------------------
    Indrek Paas @indrekpaas

maddesigns

<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="sidebar"> Doloremque, accusantium moll