neat 1.9.1 → 2.0.0.alpha.1

data/.rspec

@@ -1 +0,0 @@
---color

data/.ruby-version

@@ -1 +0,0 @@
-2.3.1

data/.travis.yml

@@ -1,10 +0,0 @@
-language: ruby
-rvm: 2.0.0
-sudo: false
-branches:
-  except:
-    - gh-pages
-    - gh-pages-dev
-notifications:
-  slack:
-    secure: ROE+Zo+A6JmTjxCRGG539YaoEcLrsInEIrTDQMgtn5ucLaiPiau96VO+GJ4MyxZm2M5qlSRMFCxb3jFexCRVZctuUF2hFcXVi6a/+JGhMmYLd6XMNezhlxWwOoSx6ufSAlrlXEalsdnkzqVHuH2Y50ao/3slNo58DdLoaRJiGAc=

data/app/assets/stylesheets/_neat-helpers.scss

@@ -1,11 +0,0 @@
-// Mixins
-@import "mixins/clearfix";
-
-// Functions
-@import "functions/private";
-@import "functions/new-breakpoint";
-
-// Settings
-@import "settings/grid";
-@import "settings/visual-grid";
-@import "settings/disable-warnings";

data/app/assets/stylesheets/_neat.scss

@@ -1,24 +0,0 @@
-// Neat 1.9.1
-// http://neat.bourbon.io
-// Copyright 2012-2015 thoughtbot, inc.
-// MIT License
-
-// Helpers
-@import "neat-helpers";
-
-// Grid
-@import "grid/private";
-@import "grid/box-sizing";
-@import "grid/omega";
-@import "grid/outer-container";
-@import "grid/span-columns";
-@import "grid/row";
-@import "grid/shift";
-@import "grid/pad";
-@import "grid/fill-parent";
-@import "grid/media";
-@import "grid/reset-display";
-@import "grid/to-deprecate";
-@import "grid/visual-grid";
-@import "grid/display-context";
-@import "grid/direction-context";

data/app/assets/stylesheets/functions/_new-breakpoint.scss

@@ -1,49 +0,0 @@
-@charset "UTF-8";
-
-/// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat.
-///
-/// @param {List} $query
-///   A list of media query features and values. Each `$feature` should have a corresponding `$value`.
-///
-///   If there is only a single `$value` in `$query`, `$default-feature` is going to be used.
-///
-///   The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).
-///
-/// @param {Number (unitless)} $total-columns [$grid-columns]
-///   - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
-///
-/// @example scss - Usage
-///   $mobile: new-breakpoint(max-width 480px 4);
-///
-///   .element {
-///     @include media($mobile) {
-///       @include span-columns(4);
-///     }
-///   }
-///
-/// @example css - CSS Output
-///   @media screen and (max-width: 480px) {
-///     .element {
-///       display: block;
-///       float: left;
-///       margin-right: 7.42297%;
-///       width: 100%;
-///     }
-///     .element:last-child {
-///       margin-right: 0;
-///     }
-///   }
-
-@function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) {
-  @if length($query) == 1 {
-    $query: $default-feature nth($query, 1) $total-columns;
-  } @else if is-even(length($query)) {
-    $query: append($query, $total-columns);
-  }
-
-  @if is-not(belongs-to($query, $visual-grid-breakpoints)) {
-    $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
-  }
-
-  @return $query;
-}

data/app/assets/stylesheets/functions/_private.scss

@@ -1,154 +0,0 @@
-// Not function for Libsass compatibility
-// https://github.com/sass/libsass/issues/368
-@function is-not($value) {
-  @return if($value, false, true);
-}
-
-// Checks if a number is even
-@function is-even($int) {
-  @return $int % 2 == 0;
-}
-
-// Checks if an element belongs to a list or not
-@function belongs-to($tested-item, $list) {
-  @return is-not(not-belongs-to($tested-item, $list));
-}
-
-@function not-belongs-to($tested-item, $list) {
-  @return is-not(index($list, $tested-item));
-}
-
-// Contains display value
-@function contains-display-value($query) {
-  @return belongs-to(table, $query)
-       or belongs-to(block, $query)
-       or belongs-to(inline-block, $query)
-       or belongs-to(inline, $query);
-}
-
-// Parses the first argument of span-columns()
-@function container-span($span: $span) {
-  @if length($span) == 3 {
-    $container-columns: nth($span, 3);
-    @return $container-columns;
-  } @else if length($span) == 2 {
-    $container-columns: nth($span, 2);
-    @return $container-columns;
-  }
-
-  @return $grid-columns;
-}
-
-@function container-shift($shift: $shift) {
-  $parent-columns: $grid-columns !default !global;
-
-  @if length($shift) == 3 {
-    $container-columns: nth($shift, 3);
-    @return $container-columns;
-  } @else if length($shift) == 2 {
-    $container-columns: nth($shift, 2);
-    @return $container-columns;
-  }
-
-  @return $parent-columns;
-}
-
-// Generates a striped background
-@function gradient-stops($grid-columns, $color: $visual-grid-color) {
-  $transparent: transparent;
-  $alt-color: darken($color, 10%);
-
-  $column-width: flex-grid(1, $grid-columns);
-  $gutter-width: flex-gutter($grid-columns);
-  $column-offset: $column-width;
-  $alternate: false;
-
-  $values: ($transparent 0, if($alternate, $color, $alt-color) 0);
-
-  @for $i from 1 to $grid-columns*2 {
-    @if is-even($i) {
-      $values: append($values, $transparent $column-offset, comma);
-      $values: append($values, if($alternate, $color, $alt-color) $column-offset, comma);
-      $column-offset: $column-offset + $column-width;
-    } @else {
-      $values: append($values, if($alternate, $color, $alt-color) $column-offset, comma);
-      $values: append($values, $transparent $column-offset, comma);
-      $column-offset: $column-offset + $gutter-width;
-
-      $alternate: not $alternate;
-    }
-  }
-
-  @return $values;
-}
-
-// Layout direction
-@function get-direction($layout, $default) {
-  $direction: null;
-
-  @if to-upper-case($layout) == "LTR" or to-upper-case($layout) == "RTL" {
-    $direction: direction-from-layout($layout);
-  } @else {
-    $direction: direction-from-layout($default);
-  }
-
-  @return $direction;
-}
-
-@function direction-from-layout($layout) {
-  $direction: null;
-
-  @if to-upper-case($layout) == "LTR" {
-    $direction: right;
-  } @else {
-    $direction: left;
-  }
-
-  @return $direction;
-}
-
-@function get-opposite-direction($direction) {
-  $opposite-direction: left;
-
-  @if $direction == "left" {
-    $opposite-direction: right;
-  }
-
-  @return $opposite-direction;
-}
-
-
-@function to-number($string) {
-  $string: str-replace($string, " ", "");
-  $strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
-  $numbers:  0 1 2 3 4 5 6 7 8 9;
-  $result: 0;
-
-  @for $i from 1 through str-length($string) {
-    $character: str-slice($string, $i, $i);
-    $index: index($strings, $character);
-
-    @if not $index {
-      @warn "Unknown character `#{$character}`.";
-      @return false;
-    }
-
-    $number: nth($numbers, $index);
-    $result: $result * 10 + $number;
-  }
-
-  @return $result;
-}
-
-@function str-replace($string, $search, $replace: "") {
-  $index: str-index($string, $search);
-
-  @if $index {
-    $first: str-slice($string, 1, $index - 1);
-    $last-slice: str-slice($string, $index + str-length($search));
-    $last: str-replace($last-slice, $search, $replace);
-    @return $first + $replace + $last;
-  }
-
-  @return $string;
-}

data/app/assets/stylesheets/grid/_box-sizing.scss

@@ -1,15 +0,0 @@
-@charset "UTF-8";
-
-@if $border-box-sizing == true {
-  html { // http://bit.ly/1qk2tVR
-    box-sizing: border-box;
-  }
-
-  * {
-    &,
-    &::after,
-    &::before {
-      box-sizing: inherit;
-    }
-  }
-}

data/app/assets/stylesheets/grid/_direction-context.scss

@@ -1,33 +0,0 @@
-@charset "UTF-8";
-
-/// Changes the direction property used by other mixins called in the code block argument.
-///
-/// @param {String} $direction [left-to-right]
-///   Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
-///
-/// @example scss - Usage
-///   @include direction-context(right-to-left) {
-///    .right-to-left-block {
-///      @include span-columns(6);
-///     }
-///   }
-///
-/// @example css - CSS Output
-///   .right-to-left-block {
-///     float: right;
-///      ...
-///   }
-
-@mixin direction-context($direction: left-to-right) {
-  $scope-direction: $layout-direction;
-
-  @if to-lower-case($direction) == "left-to-right" {
-    $layout-direction: LTR !global;
-  } @else if to-lower-case($direction) == "right-to-left" {
-    $layout-direction: RTL !global;
-  }
-
-  @content;
-
-  $layout-direction: $scope-direction !global;
-}

data/app/assets/stylesheets/grid/_display-context.scss

@@ -1,28 +0,0 @@
-@charset "UTF-8";
-
-/// Changes the display property used by other mixins called in the code block argument.
-///
-/// @param {String} $display [block]
-///   Display value to be used within the block. Can be `table` or `block`.
-///
-/// @example scss
-///   @include display-context(table) {
-///    .display-table {
-///      @include span-columns(6);
-///     }
-///   }
-///
-/// @example css
-///   .display-table {
-///      display: table-cell;
-///      ...
-///   }
-
-@mixin display-context($display: block) {
-  $scope-display: $container-display-table;
-  $container-display-table: $display == table !global;
-
-  @content;
-
-  $container-display-table: $scope-display !global;
-}

data/app/assets/stylesheets/grid/_fill-parent.scss

@@ -1,22 +0,0 @@
-@charset "UTF-8";
-
-/// Forces the element to fill its parent container.
-///
-/// @example scss - Usage
-///   .element {
-///     @include fill-parent;
-///   }
-///
-/// @example css - CSS Output
-///   .element {
-///     width: 100%;
-///     box-sizing: border-box;
-///   }
-
-@mixin fill-parent() {
-  width: 100%;
-
-  @if $border-box-sizing == false {
-    box-sizing: border-box;
-  }
-}

data/app/assets/stylesheets/grid/_media.scss

@@ -1,92 +0,0 @@
-@charset "UTF-8";
-
-/// Outputs a media-query block with an optional grid context (the total number of columns used in the grid).
-///
-/// @param {List} $query
-///   A list of media query features and values, where each `$feature` should have a corresponding `$value`.
-///   For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).
-///
-///   If there is only a single `$value` in `$query`, `$default-feature` is going to be used.
-///
-///   The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`).
-///
-///
-/// @param {Number (unitless)} $total-columns [$grid-columns]
-///   - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
-///
-/// @example scss - Usage
-///   .responsive-element {
-///      @include media(769px) {
-///        @include span-columns(6);
-///      }
-///   }
-///
-///  .new-context-element {
-///    @include media(min-width 320px max-width 480px, 6) {
-///      @include span-columns(6);
-///    }
-///  }
-///
-/// @example css - CSS Output
-///  @media screen and (min-width: 769px) {
-///    .responsive-element {
-///      display: block;
-///      float: left;
-///      margin-right: 2.35765%;
-///      width: 48.82117%;
-///    }
-///
-///    .responsive-element:last-child {
-///      margin-right: 0;
-///    }
-///  }
-///
-///  @media screen and (min-width: 320px) and (max-width: 480px) {
-///    .new-context-element {
-///      display: block;
-///      float: left;
-///      margin-right: 4.82916%;
-///      width: 100%;
-///    }
-///
-///    .new-context-element:last-child {
-///      margin-right: 0;
-///    }
-///  }
-
-@mixin media($query: $feature $value $columns, $total-columns: $grid-columns) {
-  @if length($query) == 1 {
-    @media screen and ($default-feature: nth($query, 1)) {
-      $default-grid-columns: $grid-columns;
-      $grid-columns: $total-columns !global;
-      @content;
-      $grid-columns: $default-grid-columns !global;
-    }
-  } @else {
-    $loop-to: length($query);
-    $media-query: "screen and ";
-    $default-grid-columns: $grid-columns;
-    $grid-columns: $total-columns !global;
-
-    @if is-not(is-even(length($query))) {
-      $grid-columns: nth($query, $loop-to) !global;
-      $loop-to: $loop-to - 1;
-    }
-
-    $i: 1;
-    @while $i <= $loop-to {
-      $media-query: $media-query + "(" + nth($query, $i) + ": " + nth($query, $i + 1) + ") ";
-
-      @if ($i + 1) != $loop-to {
-        $media-query: $media-query + "and ";
-      }
-
-      $i: $i + 2;
-    }
-
-    @media #{$media-query} {
-      @content;
-      $grid-columns: $default-grid-columns !global;
-    }
-  }
-}