BenjaminRCooper

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

// Fork of http://sassmeister.com/gist/b2ff3a3428b198575091
// credit of the widths mixin goes to Mr Roberts.

$base-font-size: 16;

$viewport-values: (

BenjaminRCooper

Latency numbers every programmer should know

L1 cache reference ......................... 0.5 ns
Branch mispredict ............................ 5 ns
L2 cache reference ........................... 7 ns
Mutex lock/unlock ........................... 25 ns
Main memory reference ...................... 100 ns             
Compress 1K bytes with Zippy ............. 3,000 ns  =   3 µs
Send 2K bytes over 1 Gbps network ....... 20,000 ns  =  20 µs
SSD random read ........................ 150,000 ns  = 150 µs

Read 1 MB sequentially from memory ..... 250,000 ns = 250 µs

BenjaminRCooper

// =============================
// Button Component Styling
// =============================

//
// The Button Component provides no styling which is reusable to all modifiers currently at this level.
// Note - It is recommended you don't use this component direct and just extend upon.
//

.button,

BenjaminRCooper

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

$base-font-size: 16;

$viewport-values: (
	\@desk: (1025, 3000, 12),
	\@lap:  (641,  1024, 8),
	\@palm: (320,  640,  4)

BenjaminRCooper

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

$border-types: (
  "#E4E2E0-alpha": ('1', '2'),
  "#CCC-bravo"   : ('1')
);

BenjaminRCooper

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

// media query mixin requirements:
//   - allow for multiple statements 
//   - allow for orientation
//   - allow for retina

BenjaminRCooper

$cols: 12;
$max-width: 960;
$viewport-namespace: "desk";
$gutter-width: 20;
 
@while $cols > 2 {
  @for $i from 1 through $cols {
    @if $cols != 4 {
      .#{$viewport-namespace}-#{$i}-#{$cols} {
        $col-width: ($max-width / $cols * $i - $gutter-width);