smlombardi

/**
 * Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS
 * Caveat: Not DRY. The content needs to be repeated in a data- attribute (or directly in the CSS).
 */

body {
	background: #ccc51c;
	min-height: 100%;
}

smlombardi

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;

smlombardi

// Generated on 2014-05-06 using generator-angular 0.8.0
'use strict';

// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

module.exports = function(grunt) {

smlombardi

Final Working Toggle Panel

Forked from Steve Lombardi's Pen KwzPaw.

Forked from Captain Anonymous's Pen yyOBQV.

A Pen by Steve Lombardi on CodePen.

smlombardi

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

$pb-blue:        rgb(62,83,164);

$blue1: $pb-blue;
$blue2: scale-color($pb-blue, $lightness: 20%, $saturation: -5%);
$blue3: scale-color($pb-blue, $lightness: 40%, $saturation: 0%);

smlombardi

<div class="blue1">&nbsp;</div>
<div class="blue2">&nbsp;</div>
<div class="blue3">&nbsp;</div>
<div class="blue4">&nbsp;</div>
<div class="blue5">&nbsp;</div>
<div class="blue6">&nbsp;</div>

smlombardi

<div class="color1">&nbsp;</div>
<div class="color2">&nbsp;</div>
<div class="color3">&nbsp;</div>
<div class="color4">&nbsp;</div>
<div class="color5">&nbsp;</div>
<div class="color6">&nbsp;</div>

smlombardi

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


//Color chords
$chord: (
(color1:orange,  color2: magenta, color3: gray, color4: yellow),
(color1:magenta, color2: blue,    color3: gray, color4: orange)

smlombardi

<h1 class="foo">Foo</h1>

<h1 class="bar">Foo</h1>

<h1 class="baz">Foo</h1>

smlombardi

atom-text-editor {
  background-color: @syntax-background-color;
  color: @syntax-text-color;
}

atom-text-editor, :host {
  .wrap-guide {
    background-color: @syntax-wrap-guide-color;
  }
  .indent-guide {