Snugug

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

/**
  * Hello World
**/

/*!

Snugug

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

@function foo {
  @return 'bar';
}

@mixin bar {
  content: 'baz';

Snugug

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$EQ-Selectors: ();

@mixin EQSTATECHECK($states, $name) {
  $EQ-Error: 'You need to include a state for the `#{$name}` mixin!';
  @if (length($states) == 0) {

Snugug

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

@import "singularitygs";
@import "breakpoint";

@include add-grid(1 10 1);
@include add-grid(4 8 4 at 900px);

Snugug

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$foo--bar: red;
$foo__bar: blue;

body {
  background: $foo--bar;

Snugug

<article>Content</article>
<aside>Sidebar</aside>

Snugug

(function () {
   'use strict';

   var fonts,
       req,
       style;

   if (window.localStorage && document.querySelector && window.XMLHttpRequest) {
     fonts = localStorage.getItem('fonts');

Snugug

var gulp = require('gulp'),
   sass = require('gulp-sass'),
   Eyeglass = require('eyeglass');
   
gulp.task('sass', function () {
   gulp.src('sass/**/*.scss')
      .pipe(sass(new Eyeglass({
         // Sass options go here
      })))
      .pipe(/* Other Stuff */)

Snugug

<div id="one">
  <p>one</p>
  <div class="childOne"><p>child1</p></div>
  <div class="childTwo"><p>child2</p></div>
</div>

<div id="two">
  <p>two</p>
</div>

Snugug

<div class='a'>A</div>
<div class='b'>B</div>