gearsdigital

'use strict';

/*::
type Client = Object;
type Channel = string;
*/
const channels/*: Map<Channel, Set<Client>> */ = new Map;
const clients/*: Map<Client, Set<Channel>> */ = new WeakMap;
const join = (name, client) => {
  if (!channels.has(name)) {

gearsdigital

// Simple sticky nav in plain JS
// p.s. this is just a short example, you should remember to debounce the scroll event ;-)
if ("addEventListener" in window && "classList" in document.documentElement) {

  var element = document.getElementById("nav"),
    offset = element.offsetTop;

  window.addEventListener("scroll", function() {
    if (offset < window.pageYOffset) {
      element.classList.add("fixed");

gearsdigital

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

// Grid settings
$grid-gutter-width: 8px !default;
$grid-columns: 12 !default;
$breakpoints: (xs: 320, sm: 768, md: 1024, lg: 1440);

%clearfix {

gearsdigital

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

$columns: 12;

%grid {
    float:left;
    margin:0 4px;
}

gearsdigital

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

$columns: 12;

%grid {
    float:left;
    margin:0 4px;
}

gearsdigital

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

$total-columns: 12;

%grid {
    float:left;
    margin:0;
    padding:0 2%;

gearsdigital

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

// all credits to bootstrap

//
//
// I want to generate something like this:
// http://sassmeister.com/gist/1d3659803d5833e75709

gearsdigital

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

// all credits to bootstrap

$grid-columns: 12;

@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
  @for $i from (1 + 1) through $grid-columns {

gearsdigital

<h1>Headline</h1>

gearsdigital

<h1>Headline</h1>