DannyJoris

#!/bin/bash
#####################################################
# Name: Bash CheatSheet for Mac OSX
# 
# A little overlook of the Bash basics
#
# Usage:
#
# Author: J. Le Coupanec
# Date: 2014/11/04

DannyJoris

div.container
  ul.list
    each val in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
      li.list-item= val

DannyJoris

<div class="container">
  <div class="flag">
    <div class="flag__image">
      <img src="http://placehold.it/75x75" alt="">
    </div>
    <div class="flag__body">
      <p>Lorem ipsum dolor etc</p>
    </div>
  </div>
  <div class="flag flag--top">

DannyJoris

<p class="container">Fluid gutters (2%) with nested items</p>
<div class="container">
  <article class="block"><div class="inline"></div></article>
  <article class="block"><div class="inline"></div></article>
  <article class="block block-nested">
    <div class="block"><div class="inline"></div></div>
    <div class="block"><div class="inline"></div></div>
    <div class="block"><div class="inline"></div></div>
  </article>
</div>

DannyJoris

<div class="container">
  <article class="block"><div class="inline"></div></article>
  <article class="block"><div class="inline"></div></article>
  <article class="block block-nested">
    <div class="block"><div class="inline"></div></div>
    <div class="block"><div class="inline"></div></div>
    <div class="block"><div class="inline"></div></div>
  </article>
</div>

DannyJoris

<article class="block"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block hotpink"></article>
<article class="block hotpink"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block"></article>

DannyJoris

<article class="block"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block hotpink"></article>
<article class="block hotpink"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block"></article>

DannyJoris

<article class="block"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block hotpink"></article>
<article class="block hotpink"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block"></article>

DannyJoris

<article class="block"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block hotpink"></article>
<article class="block hotpink"></article>
<article class="block"></article>
<article class="block"></article>
<article class="block"></article>

DannyJoris

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

// Initialize a global variable at root level.
// In this case, the `!global` flag is optional.
$variable: 'initial value' !global;

// Create a mixin that overrides that global variable.