IainIsCreative

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

@mixin breakpoint($breakpoint) {
  
    // The following code no longer works in libSass 3.3.0
    // It will return an error and say it can't pass a content block
    //Check if the value passed in is a unitless number
    @if not unitless($breakpoint) {

IainIsCreative

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

@mixin breakpoint($breakpoint) {
  
    // The following code no longer works in libSass 3.3.0
    //Check if the value passed in is a unitless number
    @if not unitless($breakpoint) {
        //Pass an error if not unitless.

IainIsCreative

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

// Nested map example
$nested-map: (
  key-1: (
    deep-key-1: (
      deeper-key: true
    ),

IainIsCreative

/**
*
* Relative Sizing Function
*
* Simple function for returning relative values using rems, and ems, optionally.
* Primary argument is for a target value to be converted.
* Relies on the root's font size for caclulation, set as a global variable.
*
* Secondary argument (optional) is for a context to the target value.
* Output is converted into ems.

IainIsCreative

<div class="container">
  <blockquote>
    <p>Also second their after whales called midst itself god sea and own after lights moveth. Them days. They're, created without called doesn't bring. Make all meat i above behold two saying third one, to face to own bearing their, to wherein he. Together he can't earth said. Lesser wherein herb.</p>
    <cite>Anon. E. Muss</cite>
  </blockquote>
</div>

IainIsCreative

<p class="output">
  The output number is
</p>

IainIsCreative

A small list of Atom Packages I use often when I'm in the Editor.

• Autocomplete Plus
• EditorConfig
• Highlight Line
• Autoclose HTML
• SassBeautify
• Minimap
• Minimap Git Diff

IainIsCreative

/**
*
* CSS Centering Styles
*
* A small CSS snippet for all your demo needs.
* If you have a demo on a small bit of design (such as: http://iainspad.github.io/quotation-block/), you may want perfect centering.
* Using automatic margins and CSS transform, you can center anything!
* http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ — CSS Vertical Alignment by zerosixthree.se
*
**/