marcelosomers

/**
 * Responsive breakpoint, to be used as @include breakpoint(name) {}
 */
@mixin breakpoint($name) {
  @if map-has-key($breakpoints, $name) { // 1
    @media #{inspect(map-get($breakpoints, $name))} { // 2
      @content;
    }
  }
  @else { // 3

marcelosomers

/* 
  The wider content that should fill all remaining width - this one will resize
*/
.fluid {
    width: 99%;
    display: table-cell;
}

/* 
  The narrower content that should take up all necessary space - this one will not resize

marcelosomers

/* bling.js */

window.$ = document.querySelectorAll.bind(document)

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn)
}

NodeList.prototype.__proto__ = Array.prototype

marcelosomers

#! /usr/bin/env bash

if [ -z "$1" ]; then
	echo "Please specify a directory as the first argument."
	exit 1
fi
if [ ! -d "$1" ]; then
	echo "Not a valid directory."
	exit 1
fi

marcelosomers

<h1 class="foo">Lorem ipsum dolor sit amet.</h1>

<p class="error">Lorem ipsum dolor sit amet.</p>

marcelosomers

var fs = require('fs')
var filepath = require('filepath')

fs.readdir('./logos', function(err, files) {
  var path = filepath.newPath()

  files.forEach(function(file) {
    // remove the extension
    var splitFile = file.split('.')

marcelosomers

<div class="flex m0 p0 md-m2 md-p2">
  The breakpoints are grouped
</div>