rolodex 2.0.0

data/vendor/assets/stylesheets/rolodex/settings/mixins/_icons.sass

@@ -0,0 +1,17 @@
+// Icons
+// ========================================
+
+=i-icon
+  +ir
+  background-repeat: no-repeat
+  display: inline-block
+  vertical-align: middle
+
+=i-caret($color: "")
+  +i-icon
+  +background-svg("icons/icon-caret", 12px 23px)
+  +rem(height, 7px)
+  +rem(width, 12px)
+
+  @if $color == white
+    +rem(background-position, 0 -16px)

data/vendor/assets/stylesheets/rolodex/settings/mixins/_layout.sass

@@ -0,0 +1,52 @@
+// Layout
+// ========================================
+
+// Image replacement
+
+=ir
+  color: transparent
+  font: 0/0 a
+  text-shadow: none
+
+// Box overlay
+
+=box-overlay($border-color: "")
+  background-color: $white
+  +rem(border-radius, $border-radius-base)
+  +rem(box-shadow, 0 0 0 4px rgba($black, .06))
+
+  @if $border-color != ""
+    +rem(border, 1px solid $border-color)
+
+  @else
+    +rem(border, 1px solid $blue)
+
+// Clearfix
+
+=group
+  &:before,
+  &:after
+    content: ""
+    display: table
+    
+  &:after
+    clear: both
+
+// Center
+
+=center($alignment)
+  
+  @if $alignment == "x" or $alignment == "xy"
+    left: 50%
+  
+  @if $alignment == "y" or $alignment == "xy"
+    top: 50%
+ 
+  @if $alignment == "x"
+    transform: translateX(-50%)
+ 
+  @if $alignment == "y"
+    transform: translateY(-50%)
+
+  @if $alignment == "xy"
+    transform: translateX(-50%) translateY(-50%)

data/vendor/assets/stylesheets/rolodex/settings/mixins/_rems.sass

@@ -0,0 +1,41 @@
+// REM conversion
+// ========================================
+
+// Strip the unit from a value
+
+@function remove-unit($num)
+  @return $num / ($num * 0 + 1)
+
+// Mixin
+
+=rem($property, $values)
+
+  $root: remove-unit($font-size-base)
+
+  $px-values:  ()
+  $rem-values: ()
+
+  @each $value in $values
+
+    @if $value == 0 or type-of($value) != "number"
+      $px-values:  append($px-values,  $value)
+      $rem-values: append($rem-values, $value)
+
+    @else
+      $unit: unit($value)
+      $val:  remove-unit($value)
+
+      @if $unit == "px"
+        $px-values:  append($px-values,  ($val + px))
+        $rem-values: append($rem-values, ($val / $root + rem))
+
+      @if $unit == "rem"
+        $px-values:  append($px-values,  ($val * $root + px))
+        $rem-values: append($rem-values, ($val + rem))
+
+  @if $rem-values == $px-values
+    #{$property}: $rem-values
+
+  @else
+    #{$property}: $px-values
+    #{$property}: $rem-values

data/vendor/assets/stylesheets/rolodex/settings/mixins/_svg.sass

@@ -0,0 +1,10 @@
+// SVG fallbacks
+// ========================================
+
+=background-svg($file-name, $size...)
+
+  background-image: image-url("#{$file-name}.png")
+  background-image: image-url("#{$file-name}.svg")
+
+  @if length($size) > 0
+    +rem(background-size, $size)

data/vendor/assets/stylesheets/rolodex/settings/mixins/_typography.sass

@@ -0,0 +1,65 @@
+// Typography
+// ========================================
+
+// Scale
+
+=s-giga
+  +rem(font-size, $s-giga)
+
+=s-mega
+  +rem(font-size, $s-mega)
+
+=s-alpha
+  +rem(font-size, $s-alpha)
+  +rem(line-height, $baseline-xx-large)
+
+=s-bravo
+  +rem(font-size, $s-bravo)
+  +rem(line-height, $baseline-large)
+
+=s-charlie
+  +rem(font-size, $s-charlie)
+  +rem(line-height, $baseline-large)
+
+=s-delta
+  +rem(font-size, $s-delta)
+
+=s-echo
+  +rem(font-size, $s-echo)
+
+=s-foxtrot
+  +rem(font-size, $s-foxtrot)
+
+=s-golf
+  +rem(font, $s-golf $font-family-helvetica)
+  +rem(line-height, $baseline-small)
+
+=s-hotel
+  +rem(font, $s-hotel $font-family-helvetica)
+  +rem(line-height, $baseline-small)
+
+// Headings
+
+=h-alpha
+  +s-alpha
+  font-weight: 300
+
+=h-bravo
+  +s-bravo
+  font-weight: 300
+
+=h-charlie
+  +s-charlie
+  font-weight: 300
+
+=h-delta
+  +s-delta
+  font-weight: 400
+
+=h-echo
+  +s-echo
+  font-weight: 600
+
+=h-foxtrot
+  +s-foxtrot
+  font-weight: 600

data/vendor/assets/stylesheets/rolodex/settings/utilities/_layout.sass

@@ -0,0 +1,51 @@
+// Layout
+// ========================================
+
+// Floats
+
+.pull-left
+  float: left
+
+.pull-right
+  float: right
+
+// Clearfix
+
+.group
+  +group
+
+// Grid
+// ========================================
+
+.grid
+  list-style: none
+  +rem(letter-spacing, -4px)
+
+.opera:-o-prefocus,
+.grid
+  +rem(word-spacing, -5px)
+
+.grid-col
+  display: inline-block
+  *display: inline
+  letter-spacing: normal
+  vertical-align: top
+  white-space: normal
+  zoom: 1
+
+// Grid
+
+.grid-1-1
+  width: 100%
+
+$columns: 12
+
+// Counting down from 12, for 12 columns
+@while 1 <= $columns
+  
+  // Counting up to the given potential number of columns in a given row
+  @for $column from 1 to $columns
+    .grid-#{$column}-#{$columns}
+      width: ($column/$columns) * 100%
+    
+  $columns: $columns - 1

data/vendor/assets/stylesheets/rolodex/settings/utilities/_misc.sass

@@ -0,0 +1,13 @@
+// Misc
+// ========================================
+
+// Icons
+
+.i-icon
+  +i-icon
+
+.i-caret
+  +i-caret
+
+.i-caret-white
+  +i-caret(white)

data/vendor/assets/stylesheets/rolodex/settings/utilities/_typography.sass

@@ -0,0 +1,60 @@
+// Typography
+// ========================================
+
+// Scale
+
+.s-giga
+  +s-giga
+
+.s-mega
+  +s-mega
+
+.s-alpha
+  +s-alpha
+
+.s-bravo
+  +s-bravo
+
+.s-charlie
+  +s-charlie
+
+.s-delta
+  +s-delta
+
+.s-echo
+  +s-echo
+
+.s-foxtrot
+  +s-foxtrot
+
+.s-golf
+  +s-golf
+
+.s-hotel
+  +s-hotel
+
+// Headings
+
+.h-alpha
+  +h-alpha
+
+.h-bravo
+  +h-bravo
+
+.h-charlie
+  +h-charlie
+
+.h-delta
+  +h-delta
+
+.h-echo
+  +h-echo
+
+.h-foxtrot
+  +h-foxtrot
+
+// Colors
+
+@each $color, $i in $text-colors
+  .text-#{$i},
+    color: $color

data/vendor/assets/stylesheets/rolodex/settings/variables/_alerts.scss

@@ -0,0 +1,27 @@
+// Alerts
+// ========================================
+
+$alerts: (
+  (success, tick,   $green, $green-light, $green-dark)
+  (warning, info,   $gold,  $gold-light,  $gold-dark)
+  (danger,  danger, $red,   $red-light,   $red-dark)
+  (default, flop,   $blue,  $blue-light,  $blue-dark)
+);
+
+// Banner - Width, height, & top offset
+
+$alerts-banner: (
+  (success, 22px, 22px, 19px)
+  (warning, 22px, 22px, 19px)
+  (danger,  22px, 20px, 21px)
+  (default, 24px, 21px, 20px)
+);
+
+// Inline - Width, height, & top offset
+
+$alerts-inline: (
+  (success, 16px, 16px, 12px)
+  (warning, 16px, 16px, 12px)
+  (danger,  16px, 15px, 13px)
+  (default, 20px, 18px, 11px)
+);

data/vendor/assets/stylesheets/rolodex/settings/variables/_buttons.scss

@@ -0,0 +1,10 @@
+// Buttons
+// ========================================
+
+$btns: (
+  (default, $blue,  #3599c7,       $blue-dark)
+  (success, $green, #3e9b56,       $green-dark)
+  (warning, $gold,  #d89b45,       $gold-dark)
+  (danger,  $red,   #b6464a,       $red-dark)
+  (boring,  $white, $white-offset, #eee)
+);

data/vendor/assets/stylesheets/rolodex/settings/variables/_colors.scss

@@ -0,0 +1,46 @@
+// Colors
+// ========================================
+
+// Brand palettes
+
+$blue:         #33a9e0;
+$blue-light:   #e1f2fa;
+$blue-dark:    #0076ad;
+
+$slate:        #45454c;
+$slate-light:  #efeff4;
+$slate-dark:   #1e1e21;
+
+$red:          #cb4e52;
+$red-light:    #f7e2e2;
+$red-dark:     #9c292d;
+
+$gold:         #f3ae4e;
+$gold-light:   #fceddf;
+$gold-dark:    #c07b1b;
+
+$purple:       #6479bf;
+$purple-light: #cbd6f4;
+$purple-dark:  #31468c;
+
+$orange:       #ed844a;
+$orange-light: #f4d4c6;
+$orange-dark:  #ba5117;
+
+$green:        #45ad60;
+$green-light:  #c8edcd;
+$green-dark:   #127a2d;
+
+$pink:         #d37295;
+$pink-light:   #f2d1e3;
+$pink-dark:    #a03f62;
+
+// Monochromatic palette
+
+$white:        #fff;
+$white-offset: #f7f7f7;
+$gray-light:   #ccc;
+$gray:         #999;
+$gray-dark:    #666;
+$black-offset: #333;
+$black:        #000;

data/vendor/assets/stylesheets/rolodex/settings/variables/_labels.scss

@@ -0,0 +1,10 @@
+// Labels
+// ========================================
+
+$labels: (
+  (success, $green)
+  (warning, $gold)
+  (danger,  $red)
+  (default, $blue)
+  (alt,     $purple)
+);

data/vendor/assets/stylesheets/rolodex/settings/variables/_layout.scss

@@ -0,0 +1,22 @@
+// Layout
+// ========================================
+
+// Gutters
+
+$gutter:      30px;
+$gutter-half: $gutter / 2;
+
+// Baselines
+
+$baseline-step:     6px;
+$baseline-x-small:  $baseline-step * 2; // 12px
+$baseline-small:    $baseline-step * 3; // 18px
+$baseline-base:     $baseline-step * 4; // 24px
+$baseline-large:    $baseline-step * 5; // 30px
+$baseline-x-large:  $baseline-step * 6; // 36px
+$baseline-xx-large: $baseline-step * 7; // 42px
+
+// Border radius
+
+$border-radius-base: 6px;
+$border-radius-mini: 4px;

data/vendor/assets/stylesheets/rolodex/settings/variables/_misc.scss

@@ -0,0 +1,12 @@
+// Misc
+// ========================================
+
+// Transition
+
+$transition-duration: .15s;
+$transition-function: ease;
+$transition-all:      all $transition-duration $transition-function;
+
+// Icons
+
+$i-transparent: .65