middleman-gumby 0.0.1

data/vendor/assets/sass/functions/_all.scss

@@ -0,0 +1,25 @@
+// Global Gumby Functions
+
+@import "breakpoints";
+@import "strip-units";
+@import "grid-calc";
+@import "height-calc";
+@import "em";
+@import "even";
+
+// Global Gumby Mixins
+
+@import "clearfix";
+@import "typography";
+@import "fixed";
+@import "palette";
+@import "shapes";
+@import "palette";
+@import "fade";
+@import "responsivity";
+@import "line-and-height";
+@import "semantic-grid";
+@import "tooltips";
+@import "visibility";
+@import "fancytiles";
+@import "icons";

data/vendor/assets/sass/functions/_breakpoints.scss

@@ -0,0 +1,11 @@
+@function breakpoint($breakpoint) {
+  @if $breakpoint == $document-width {
+    @return $document-width - 1;
+  }
+  @if $breakpoint == $tablet-device-width {
+  	@return $tablet-device-width - 1;
+  }
+  @if $breakpoint == $min-device-width {
+  	@return $min-device-width + 1;
+  }
+}

data/vendor/assets/sass/functions/_button-size.scss

@@ -0,0 +1,44 @@
+@mixin button-size($size) {
+  $n: 0;
+  @if $size == xlarge {
+    $n: $xlarge-button-font-size;
+  }
+  @if $size == large {
+    $n: $large-button-font-size;
+  }
+  @if $size == medium {
+    $n: $medium-button-font-size;
+  }
+  @if $size == small {
+    $n: $small-button-font-size;
+  }
+  $button-font-size: $n;
+  $button-height: ms($ratio, $button-font-size) + 1;
+  $line-height: $button-height - 2;
+
+  @include font-size($button-font-size);
+  @include line-and-height($button-height);
+
+  a {
+    position:relative;
+    padding: 0 ms(0, $button-font-size);
+  }
+
+  &.icon-left {
+    a {
+      padding-left: $button-height;
+      &:before {
+        left: $button-font-size / 1.5;
+      }
+    }
+  }
+
+  &.icon-right {
+    a {
+      padding-right: $button-height;
+      &:after {
+        right: $button-font-size / 1.5;
+      }
+    }
+  }
+}

data/vendor/assets/sass/functions/_clearfix.scss

@@ -0,0 +1,25 @@
+@mixin clearfix() { 
+  *zoom:1;
+  &:before, &:after {
+    content: "";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+@mixin mobilefix() {
+  @include respond(all-phones) { 
+    &:before, &:after {
+      content: " ";
+      display: table;
+    }
+    &:after {
+      clear: both;
+    }
+    &:last-child {
+      float: none;
+    }
+  }
+}

data/vendor/assets/sass/functions/_em.scss

@@ -0,0 +1,11 @@
+// Convert pixels to ems
+
+@function em($size-in-px, $context: 16) {
+  @if not unitless($size-in-px) {
+      $size-in-px: strip-units($size-in-px);
+  }
+  @if not unitless($context) {
+      $context: strip-units($context);
+  }
+  @return ($size-in-px / $context) * 1em;
+}

data/vendor/assets/sass/functions/_even.scss

@@ -0,0 +1,10 @@
+// test for even numbers, do something with the result
+
+@function even($number) {
+  @if ($number % 2 == 0) {
+    @return true;
+  }
+  @else {
+    @return false;
+  }
+}

data/vendor/assets/sass/functions/_fade.scss

@@ -0,0 +1,20 @@
+// Fade Mixin
+
+$fade-duration: .6s;
+
+@mixin fade($direction: out, $duration: $fade-duration) {
+
+  @if $direction != out {
+    visibility: visible;
+    @include opacity(1);
+  }
+
+  @else {
+    visibility: hidden;
+    @include opacity(0);
+  }
+
+  @include transition-property(opacity);
+  @include transition-duration($fade-duration);
+
+}

data/vendor/assets/sass/functions/_fancytiles.scss

@@ -0,0 +1,29 @@
+@function divide-cols($colnum) {
+  @return 100%/$colnum;
+}
+
+
+@mixin fancytiles($desktop-columns, $tablet-columns: $desktop-columns, $mobile-columns: 1, $small-break: 0px, $medium-break: $tablet-device-width, $large-break: $row-max-width) {
+
+  // These styles apply to all shift-columns
+  display: inline-block;
+  float: left;
+  padding-left: $gutter / 2;
+  padding-right: $gutter / 2;
+
+  // IE8 fallback
+  width: divide-cols($mobile-columns);
+
+  @include respond("min-width: #{$small-break}") {
+    width: divide-cols($mobile-columns);
+  }
+
+  @include respond("min-width: #{$medium-break}") {
+    width: divide-cols($tablet-columns);
+  }
+
+  @include respond("min-width: #{$large-break}") {
+    width: divide-cols($desktop-columns);
+  }
+
+}

data/vendor/assets/sass/functions/_fixed.scss

@@ -0,0 +1,21 @@
+@mixin fixed($removal-breakpoint) {
+  .fixed {
+    position: fixed;
+    &.pinned {
+      position: absolute;
+    }
+    @if $removal-breakpoint != false {
+      @include respond($removal-breakpoint) {
+        position: relative !important;
+        top: auto !important;
+        left: auto !important;
+      }
+    }
+  }
+
+  .unfixed {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+  }
+}

data/vendor/assets/sass/functions/_forms.scss

@@ -0,0 +1,18 @@
+@mixin input-size($size) {
+  @if $size == xxwide { $size: 100%; }
+  @if $size == xwide { $size: 82.6666666667%; }
+  @if $size == wide { $size: 65.3333333333%; }
+  @if $size == normal { $size: 48%; }
+  @if $size == narrow { $size: 30.6666666667%; }
+  @if $size == xnarrow { $size: 13.3333333333%; }
+
+  width: $size;
+}
+
+@mixin input-sizes-list() {
+  $sizes: ();
+  @each $item in $field-sizes {
+    $sizes: join($sizes, unquote(".#{$item} "), comma);
+  }
+  #{$sizes} { @content }
+}

data/vendor/assets/sass/functions/_grid-calc.scss

@@ -0,0 +1,82 @@
+// Calculate grid values
+$gutter: percentage($gutter-in-px / $row-max-width); // 2.1276596
+
+// Return single column width
+@function oneCol($hybrid-grid: false) {
+  @if ($hybrid-grid == true){
+    @return (100% - ($gutter * ($hybrid - 1))) / $hybrid;
+  }
+  @else{
+    @return (100% - ($gutter * ($cols - 1))) / $cols;
+  }
+}
+
+// Calculate Grid Column Widths
+@function columns($num, $hybrid-grid: false){
+  @if ($hybrid-grid == true) {
+    @return (oneCol(true) * $num) + ($gutter * ($num - 1));
+  }
+  @else {
+    @return (oneCol() * $num) + ($gutter * ($num - 1)); // (One column * 'x') + (gutter * ('x' - 1)) = Column Width
+  }
+}
+
+
+// Calculate the width required to acheive a desired global column number within a nested grid
+@function global-columns($desired_cols, $container_cols, $hybrid-grid: false){
+  @if ($hybrid-grid == true) {
+    @return (100% * (columns($desired_cols, true) / columns($container_cols, true)));
+  }
+  @else {
+    @return (100% * (columns($desired_cols) / columns($container_cols)));
+  }
+}
+
+// Calculate Push Class Margins
+@function push_x($num, $first-child: false, $is-hybrid: false) {
+  @if $first-child and $is-hybrid {
+    @return (oneCol(true) * $num) + ($gutter * ($num - 1)) + $gutter; // Column width + gutter
+  }
+  @else if $first-child != true and $is_hybrid{
+    @return (oneCol(true) * $num) + ($gutter * ($num - 1)) + ($gutter * 2); // Column width + (gutter * 2)
+  }
+  @else if $first-child and $is_hybrid != true{
+      @return (oneCol() * $num) + ($gutter * ($num - 1)) + $gutter;
+  }
+  @else {
+    @return (oneCol() * $num) + ($gutter * ($num - 1)) + ($gutter * 2); // Column width + (gutter * 2)
+  }
+}
+
+// Calculate Pull Class Margins
+// note absence of first-child; first-child column containers should not be pulled
+// $num is number of columns to be pulled
+// $width is number of columns of container that is being pulled
+@function pull_x($num, $width, $is-hybrid: false) {
+    @if $is-hybrid {
+        @return -((oneCol(true) * $num) + ($gutter * ($num - 1)) + (oneCol(true) * $width) + ($gutter * ($width - 1)) + $gutter); // Pull width + column width + gutter
+    }
+    @else {
+        @return -((oneCol() * $num) + ($gutter * ($num - 1)) + (oneCol() * $width) + ($gutter * ($width - 1)) + $gutter); // Pull width + column width + gutter
+    }
+}
+
+// Calculate Centered Class Margins
+@function centered($num, $hybrid-grid: false) {
+  @if $hybrid-grid{
+    @return 50% - ((($num * (oneCol(true))) + (($num - 1) * $gutter)) / 2);
+  }
+  @else{
+    @return 50% - ((($num * (oneCol())) + (($num - 1) * $gutter)) / 2);
+  }
+}
+
+// Create class names from column count integers
+@function number-as-word($number){
+  $w: "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven",
+"twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen",
+"twenty", "twenty-one", "twenty-two", "twenty-three", "twenty-four", "twenty-five", "twenty-six", "twenty-seven",
+"twenty-eight", "twenty-nine", "thirty", "thirty-one", "thirty-two", "thirty-three",
+"thirty-four", "thirty-five", "thirty-six";
+  @return nth($w, $number);
+}

data/vendor/assets/sass/functions/_height-calc.scss

@@ -0,0 +1,6 @@
+
+// Calculate the height of an object based on its scale
+
+@function height-calc($size) {
+  @return ms($ratio, $size) + 1;
+}

data/vendor/assets/sass/functions/_icons.scss

@@ -0,0 +1,35 @@
+@function match($list, $icon) {
+  @each $item in $list {
+    $index: index($item, $icon);
+      @if $index {
+        $return: if($index == 1, 2, $index);
+        @return nth($item, $return);
+      }
+    }
+  @return false;
+}
+
+@mixin i($icon) {
+  .#{$icon}.icon-left a:before,
+  .#{$icon}.icon-right a:after,
+  i.#{$icon}:before {
+    content: "#{match($entypo-icons, $icon)}";
+    height: inherit;
+  }
+}
+
+@mixin icon($icon) {
+  @if (type-of($icon) == list) {
+    @each $i in $icon {
+      @include i($i);
+    }
+  }
+  @elseif ($icon == all) {
+    @each $icon in $entypo-icons {
+      @include i(nth($icon, 1));
+    }
+  }
+  @else {
+    @include i($icon);
+  }
+}

data/vendor/assets/sass/functions/_line-and-height.scss

@@ -0,0 +1,7 @@
+
+// Make line-height equal to an element's height
+
+@mixin line-and-height($height) {
+  height: $height;
+  line-height: $height - 2;
+}

data/vendor/assets/sass/functions/_palette.scss

@@ -0,0 +1,76 @@
+// Color Pallete
+
+@function getColor($key, $state: false, $list: $ui-coloring) {
+  @each $color in $list {
+    @if $key == nth($color, 1) and $state == default {
+        @return nth($color, 2);
+    }
+    @else if $key == nth($color, 1) and $state == hover {
+        @return nth($color, 3);
+    }
+    @else if $key == nth($color, 1) {
+        @return nth($color, 1);
+    }
+  }
+  @return false;
+}
+
+@mixin palette($shade, $palette-text-color:false) {
+  @if $shade == getColor($shade) {
+    @if $palette-text-color != false  {
+      color: $palette-text-color;
+    }
+    @else {
+      color: lighten(getColor($shade, default), 80%);
+    }
+    background: getColor($shade, default);
+    border: 1px solid getColor($shade, default);
+    &:hover {
+      background: getColor($shade, hover);
+      border: 1px solid darken(getColor($shade, hover), 3%);
+    }
+    &:active {
+      background: darken(getColor($shade, default), 10%);
+      border: 1px solid darken(getColor($shade, default), 10%);
+    }
+
+    @if $shade == default {
+      @if $palette-text-color != false  {
+        color: $palette-text-color;
+      }
+      @else {
+        color: darken(getColor($shade, default), 61.5%);
+      }
+      border: 1px solid getColor($shade, default);
+      &:hover {
+        border: 1px solid darken(getColor($shade, hover), 5%);
+      }
+    }
+    @if $shade == warning {
+      @if $palette-text-color != false  {
+        color: $palette-text-color;
+      }
+      @else {
+        color: darken(getColor($shade, hover), 40%);
+      }
+    }
+  }
+  @else {
+    @if $palette-text-color != false {
+      color: $palette-text-color;
+    }
+    @else {
+      color: lighten($shade, 80%);
+    }
+    background: $shade;
+    border: 1px solid $shade;
+    &:hover {
+      background: lighten($shade, 30%);
+      border: 1px solid lighten($shade, 27%);
+    }
+    &:active {
+      background: darken($shade, 10%);
+      border: 1px solid darken($shade, 10%);
+    }
+  }
+}

data/vendor/assets/sass/functions/_responsivity.scss

@@ -0,0 +1,34 @@
+// Responsive Mixins
+
+@mixin respond($media) {
+  @if $media == portrait-phones {
+    @media only screen and (max-width: $min-device-width) { @content; }
+  }
+  @else if $media == landscape-phones {
+    @media only screen and (min-width: breakpoint($min-device-width)) and (max-width: breakpoint($tablet-device-width)) { @content; }
+  }
+  @else if $media == all-phones {
+    @media only screen and (max-width: breakpoint($tablet-device-width)) { @content; }
+  }
+  @else if $media == portrait-tablets {
+    @media only screen and (max-width: $tablet-device-width) { @content; }
+  }
+  @else if $media == tablets {
+  	@media only screen and (min-width: $tablet-device-width) and (max-width: $document-width - 1) { @content; }
+  }
+  @else if $media == desktop {
+    @media only screen and (min-width: $tablet-device-width) { @content; }
+  }
+  @else if $media == document-width {
+    @media only screen and (max-width: $document-width + 20) { @content; }
+  }
+  @else if $media == large-screens {
+    @media only screen and (min-width: $max-device-width) { @content; }
+  }
+  @else if $media == print {
+    @media print { @content; }
+  }
+  @else {
+    @media only screen and ('#{$media}') { @content; }
+  }
+}