gumby2-rails 0.0.1

data/vendor/assets/stylesheets/sass/extensions/sassy-math/stylesheets/_math.scss

@@ -0,0 +1,310 @@
+// SASSY MATH
+
+@charset "UTF-8";
+
+//////////////////////////////
+// Variables
+//////////////////////////////
+$pi: 3.1415926535897932384626433832795028841971693993751;
+$π: $pi;
+$e: 2.71828182845904523536028747135266249775724709369995;
+
+$iter: 50;
+
+//////////////////////////////
+// Random Number
+//   Working from http://xkcd.com/221/
+//    Chosen by fair dice roll.
+//    Guarenteed to be random.
+//////////////////////////////
+@function rand() {
+  @return 4;
+}
+
+//////////////////////////////
+// Percent
+//////////////////////////////
+@function percent($number) {
+  @return $number * 0.01; 
+}
+
+//////////////////////////////
+// Exponent
+//////////////////////////////
+@function exponent($base, $exponent) {
+  // reset value
+  $value: $base;
+  // positive intergers get multiplied
+  @if $exponent > 1 {
+    @for $i from 2 through $exponent {
+      $value: $value * $base; } }
+  // negitive intergers get divided. A number divided by itself is 1
+  @if $exponent < 1 {
+    @for $i from 0 through -$exponent {
+      $value: $value / $base; } }
+  // return the last value written
+  @return $value; 
+}
+
+@function pow($base, $exponent) {
+  @return exponent($base, $exponent);
+}
+
+//////////////////////////////
+// Factorial
+//////////////////////////////
+@function factorial($number) {
+  // reset value
+  $value: 1;
+  // positive intergers get multiplied
+  @if $number > 0 {
+    @for $i from 1 through $number {
+      $value: $value * $i; 
+    } 
+  }
+  @return $value;
+}
+
+@function fact($number) {
+  @return factorial($number); 
+}
+
+
+//////////////////////////////
+// Polynomial Approximation
+//////////////////////////////
+// Maclaurin series can be used to estimate Sine and Consine
+@function maclaurin($start, $key, $number) {
+  $value: $start;
+  $add: 0;
+  
+  @for $i from 1 through $iter {
+    @if $add == 0 {
+      $value: $value - ( exponent($number, $key) / factorial($key) );
+      $add: 1;
+    }
+    @else {
+      $value: $value + ( exponent($number, $key) / factorial($key) );
+      $add: 0;
+    }
+    
+    $key: $key + 2;
+  }
+  
+  @return $value;
+}
+// Taylor series can be used to estiamte ln
+@function taylor($number) {
+  @return taylor;
+}
+
+//////////////////////////////
+// Basic Trig Functions
+//////////////////////////////
+// Bundled in Compass: http://compass-style.org/reference/compass/helpers/trig/
+// References for implementing using MacLaurin series below:
+
+//@function sin($number, $unit: 'deg') {
+//  @if $unit == 'deg' {
+//    $number: deg-to-rad($number);
+//  }
+//  @return maclaurin($number, 3, $number);
+//}
+//
+//@function cos($number, $unit: 'deg') {
+//  @if $unit == 'deg' {
+//    $number: deg-to-rad($number);
+//  }
+//  @return maclaurin(1, 2, $number);
+//}
+//
+//// Trig Identity: Tangent = Sine divided by Cosine.
+//@function tan($number, $unit: 'deg') {
+//  @if $unit == 'deg' {
+//    $number: deg-to-rad($number);
+//  }
+//  @return sin($number) / cos($number); 
+//}
+
+//////////////////////////////
+// Reciprocal Trig Functions
+//////////////////////////////
+@function csc($number, $unit: 'deg') {
+  @if $unit == 'deg' {
+    $number: deg-to-rad($number);
+  }
+  @return 1 / sin($number);
+}
+
+@function scs($number, $unit: 'deg') {
+  @if $unit == 'deg' {
+    $number: deg-to-rad($number);
+  }
+  @return 1 / cos($number);
+}
+
+@function cot($number, $unit: 'deg') {
+  @if $unit == 'deg' {
+    $number: deg-to-rad($number);
+  }
+  @return 1 / tan($number);
+}
+
+//////////////////////////////
+// Hyperbolic Functions
+//////////////////////////////
+@function sinh($number) {
+  $top: exponent($e, (2 * $number)) - 1;
+  $bottom: 2 * exponent($e, $number);
+  @return  $top / $bottom;
+}
+
+@function cosh($number) {
+  $top: exponent($e, (2 * $number)) + 1;
+  $bottom: 2 * exponent($e, $number);
+  @return  $top / $bottom;
+}
+
+@function tanh($number) {
+  $top: exponent($e, (2 * $number)) - 1;
+  $bottom: exponent($e, (2 * $number)) + 1;
+  @return  $top / $bottom;
+}
+
+//////////////////////////////
+// Reciprocal Hyperbolic Functions
+//////////////////////////////
+@function csch($number) {
+  @return 1 / sinh($number);
+}
+
+@function sech($number) {
+  @return 1 / cosh($number);
+}
+
+@function coth($number) {
+  @return 1/ tanh($number);
+}
+
+
+@function log($number) {
+  @return $number; 
+}
+
+@function ln($number) {
+  @if $number > 0 and $number < 1 {
+    $value: 0;
+    @for $i from 1 through $iter {
+      $value: $value + ( pow(-1, $i) * pow(-1 * (1 - $number), $i)) / $i;
+    }
+    $value: -1 * $value;
+
+    @return $value;
+  }
+  @else if $number == 1 {
+    @return 0;
+  }
+  @else {
+    @return ERROR;
+    @warn ln input must be greater than zero and less than or equal to 1; 
+  }
+}
+
+
+//////////////////////////////
+// Degree/Radian Conversion
+//////////////////////////////
+@function deg-to-rad($number) {
+  @return $number * $pi / 180deg; 
+}
+
+@function rad-to-deg($number) {
+  @return $number * 180deg / $pi; 
+}
+
+//////////////////////////////
+// Root Functions
+//////////////////////////////
+// Basic General-Purpose Root Function
+@function n-root($number, $n) {
+  @if $number < 1 {
+    @return ERROR;
+    @warn ROOT ERROR; 
+  }
+  // If a whole number, generate it quickly
+  @for $i from 1 through $number {
+    @if exponent($i, $n) == $number {
+      @return $i; 
+    } 
+  }
+  // Else, run through other options
+  @for $i from 1 through $number * 1000 / 2 {
+    @if round(exponent($i / 1000, $n) * 100) == round($number * 100) {
+      @return $i / 1000; 
+    } 
+  } 
+}
+
+@function root($number, $n) {
+  @return n-root($number, $n);
+}
+
+// Square Roots
+@function √($number) {
+  @return sqrt($number); 
+}
+
+@function sqrt($number) {
+  $guess: rand();
+  $root: $guess;
+  @for $i from 1 through $iter {
+    $root: $root - (pow($root, 2) - $number) / (2 * $root);
+  }
+  @return $root;
+}
+
+//////////////////////////////
+// Golden Ratio
+//////////////////////////////
+@function golden() {
+  @return 1/2 + sqrt(5) / 2;
+}
+@function ϕ() {
+  @return golden();
+}
+
+$golden-ratio: golden();
+$ϕ: $golden-ratio;
+
+//////////////////////////////
+// Is Int and Is Float
+//////////////////////////////
+@function is-int($number) {
+  @if type-of($number) != 'number' {
+    @warn '#{$number} is not a number! It cannot be an integer if it is not a number!';
+    @return false;
+  }
+  @if $number - floor($number) != 0 {
+    @return false;
+  }
+  @else {
+    @return true;
+  }
+}
+
+@function is-float($number) {
+  @if type-of($number) != 'number' {
+    @warn '#{$number} is not a number! It cannot be an decimal if it is not a number!';
+    @return false;
+  }
+  @if $number - floor($number) != 0 {
+    @return true;
+  }
+  @else {
+    @return false;
+  }
+}
+
+@function is-decimal($number) {
+  @return is-float($number);
+}

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

@@ -0,0 +1,15 @@
+// Global Gumby Functions
+
+@import "breakpoints";
+@import "strip-units";
+@import "grid-calc";
+
+// Global Gumby Mixins
+
+@import "clearfix";
+@import "typography";
+@import "responsivity";
+@import "line-and-height";
+@import "height-calc";
+@import "semantic-grid";
+@import "visibility";

data/vendor/assets/stylesheets/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/stylesheets/sass/functions/_buttons.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/stylesheets/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/stylesheets/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/stylesheets/sass/functions/_grid-calc.scss

@@ -0,0 +1,59 @@
+// 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 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 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/stylesheets/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/stylesheets/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/stylesheets/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; }
+  }
+}