qmmr

$lightgray      : #819090;
$gray           : #708284;
$mediumgray     : #536870;
$darkgray       : #475B62;
$darkblue       : #0A2933;
$darkerblue     : #042029;
$paleryellow    : #FCF4DC;
$paleyellow     : #EAE3CB;
$yellow         : #A57706;
$orange         : #BD3613;

qmmr

<div class="quick-deposit">
  <section class="quick-deposit__introduction">
    <header>
      <h1>Welcome</h1>
    </header>
  </section>
  <section class="quick-deposit__form">
    <label for="account_number" class="quick-deposit__label">Account #</label>
    <input id=account_number type="text" name="account_number" value="1234-1234-1234">
  </section>

qmmr

%header
  %h1 Flexbox
  %p Comparison of different Flex values
%article
  %h2 flex: 100px
  %section.flex-container.hundredpx
    .box.flex1
      %h3 One
    .box.flex1
      %h3 Two

qmmr

%header
  %h1 Flexbox - main axis alignment
%article
  %section.flex-container
    .box.flex1
      %h3 One
    .box.flex1
      %h3 Two
    .box.flex2
      %h3 Three

qmmr

%header
  %h1 Flexbox - main axis alignment
%article
  %section.flex-container
    .box.flex1
      %h3 One
    .box.flex1
      %h3 Two
    .box.flex2
      %h3 Three

qmmr

%header
  %h1 Flexbox - aligning multiple lines
%article
  %section.flex-container
    .box
      %h3 One
    .box
      %h3 Two
    .box
      %h3 Three

qmmr

%header
  %h1 Flexbox - ordering items
%h2 Control display with order
%section.flex-container
  .box.one
    %h3 One
  .box.two
    %h3 Two
  .box.three
    %h3 Three

qmmr

// Total Daily Energy Expenditure
function TDEE (data) {
	this.weight = data.weight || 60
	this.height = data.height || 180
	this.age = data.age || 20
	this.sex = data.sex || 'male'
	this.bodyType = data.bodyType || 'ectomorph'
	this.numberOfWorkouts = data.numberOfWorkouts || 3
	this.durationOfWorkout = data.durationOfWorkout || 45
	this.ratios = data.ratios || {

qmmr

function dedent(callSite, ...args) {

    function format(str) {

        let size = -1;

        return str.replace(/\n(\s+)/g, (m, m1) => {

            if (size < 0)
                size = m1.replace(/\t/g, "    ").length;

qmmr

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => {
  return [1, 2, 3];