yowainwright

// target IE 10 and 11 with a media query
@mixin support-ie-10-11 {
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    @content
  }
}

// hack for css styles for < ie 9 only
@mixin support-ie-9($property, $value) {
	$property: #{$value + '\0/'};

yowainwright

const build = () => {
  return new Promise((resolve, reject) => {
    compiler.run((err, stats) => {
      if (err) return reject(err)
      resolve(stats)
    })
  })
}

export { build }

yowainwright

import loadImage from 'loadImage'

const addImg = (src) => {
  const imgEl = document.createElement('img')
  imgEl.src = src
  document.body.appendChild(imgEl)
}
const imgArr = [
  loadImage('images/cat1.jpg'),
  loadImage('images/cat2.jpg'),

yowainwright

@mixin play-button ($fontsize, $circlesize) {
	position: relative;
	&:after {
		content: '▶';
		display: block;
		width: $circlesize;
		height: $circlesize;
		border-radius: 100%;
		position: absolute;
		left: calc(50% - #{$circlesize / 2});

yowainwright

switch (inputFrequency) {
  case 1: 
    date = this.nextBillDateIsWithinOneMonth(nextBillDate) ? 
      moment(nextBillDate) : moment(nextBillDate).subtract(1, 'month')
    break
  case > initialFrequency:
    newFrequencyDelta = (inputFrequency - initialFrequency)
    date = moment(nextBillDate).add(newFrequencyDelta, 'month')
    break
  default:

yowainwright

/* usual suspects 👥 */
--blue: blue; /* yep, it's just the truth */
--redpink: #FB2743; /* I saw it on ASOS. I like what they're doing with blue. */
--floralwhite: #fffcf3 #fff floralwhite hsl(45,100,97)rgb(255,252,243); /* I saw it on Cosma Schema. */
  
/* off the beaten path, but weird and refreshing 👨‍🎨 */
--lightpurple: #E2D7FE;
--cartoonflesh: #FFAEA2;
--deeputramarine: #152783;

yowainwright

<!-- android -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<!-- apple -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- favicon --> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- manifest -->
<link rel="manifest" href="/manifest.json">

yowainwright

Darn Characters I Forget 🤷

• ⌘ is the Command (cmd)() key

• ⌃ is the Control key

• ⌥ is the Option (alt) key

• ⇧ is the Shift key

• ⇪ is the Caps Lock key

• fn is the Function key

---

yowainwright

/*
  ES5/6 Observer 👀
  ---
  - Like a promise (sort of) but will work in older browsers
  - With Babel, this will transpile to something very similar to want is written 
  - Note the error
  - both callback, err will return empty strings by default
  - bool is false by default
*/
const observer = (bool = false, callback = () => '', iterator = 10, maxTime = 300, err = () => '') => {

yowainwright

NPM clutch cmds ✇

• clean cache

  Run an offline verification of existing cache contents

   npm cache verify

  Run cache clear for saving disk space purpose

   npm cache clean --force