neat 1.7.0 → 4.0.0

data/app/assets/stylesheets/settings/_visual-grid.scss

@@ -1,25 +0,0 @@
-/// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.
-///
-/// @type Bool
-
-$visual-grid: false !default;
-
-/// Sets the visual grid color. Set with `!global` flag.
-///
-/// @type Color
-
-$visual-grid-color: #EEE !default;
-
-/// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.
-///
-/// @type String
-
-$visual-grid-index: back !default;
-
-/// Sets the opacity property of the visual grid. Set with `!global` flag.
-///
-/// @type Number (unitless)
-
-$visual-grid-opacity: 0.4 !default;
-
-$visual-grid-breakpoints: () !default;

data/bower.json

@@ -1,22 +0,0 @@
-{
-  "name": "neat",
-  "version": "1.7.0",
-  "homepage": "http://neat.bourbon.io/",
-  "main": "app/assets/stylesheets/_neat.scss",
-  "ignore": [
-    "bin",
-    "lib",
-    ".gitignore",
-    "Gemfile",
-    "Gemfile.lock",
-    "Rakefile",
-    "neat.gemspec",
-    "CONTRIBUTING.md",
-    "NEWS.md",
-    "test",
-    "spec"
-  ],
-  "dependencies": {
-    "bourbon": ">=4.0"
-  }
-}

data/lib/neat/engine.rb

@@ -1,5 +0,0 @@
-module Neat
-  class Engine < Rails::Engine
-    # auto wire
-  end
-end

data/lib/tasks/install.rake

@@ -1,21 +0,0 @@
-require "fileutils"
-require "find"
-
-namespace :bourbon do
-  namespace :neat do
-    desc "Copy Neat's files to the Rails assets directory."
-    task :install, [:sass_path] do |t, args|
-      args.with_defaults(:sass_path => 'public/stylesheets/sass')
-      source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
-      FileUtils.mkdir_p("#{Rails.root}/#{args.sass_path}/neat")
-      FileUtils.cp_r("#{source_root}/app/assets/stylesheets/.", "#{Rails.root}/#{args.sass_path}/neat", { :preserve => true })
-
-      Find.find("#{Rails.root}/#{args.sass_path}/neat") do |path|
-        if path.end_with?(".css.scss")
-          path_without_css_extension = path.gsub(/\.css\.scss$/, ".scss")
-          FileUtils.mv(path, path_without_css_extension)
-        end
-      end
-    end
-  end
-end

data/sache.json

@@ -1,5 +0,0 @@
-{
-  "name": "Neat",
-  "description": "A lightweight, semantic grid framework built on top of Bourbon",
-  "tags": ["neat", "grid", "layout", "columns", "semantic", "media-queries", "media", "queries", "bourbon"]
-}

data/spec/neat/columns_spec.rb

@@ -1,73 +0,0 @@
-require 'spec_helper'
-
-describe "@include span-columns()" do
-  before(:all) do
-    ParserSupport.parse_file("span-columns")
-  end
-
-  context "with argument (6) in a twelve-column grid" do
-    it "sets width in percentage" do
-      expect('.span-columns-default').to have_rule('width: 48.82117%')
-    end
-
-    it "sets gutter in percentage" do
-      expect('.span-columns-default').to have_rule('margin-right: 2.35765%')
-    end
-
-    it "sets display to block" do
-      expect('.span-columns-default').to have_rule('display: block')
-    end
-
-    it "sets float to left" do
-      expect('.span-columns-default').to have_rule('float: left')
-    end
-
-    it "removes gutter from last element" do
-      expect('.span-columns-default:last-child').to have_rule('margin-right: 0')
-    end
-  end
-
-  context "when nested" do
-    it "sets relative width in percentage" do
-      expect('.span-columns-default .span-columns-nested').to have_rule('width: 30.11389%')
-    end
-
-    it "sets relative gutter in percentage" do
-      expect('.span-columns-default .span-columns-nested').to have_rule('margin-right: 4.82916%')
-    end
-  end
-
-  context "with argument (table)" do
-    it "sets display to table-cell" do
-      expect('.span-columns-table').to have_rule('display: table-cell')
-    end
-
-    it "sets width evenly between elements" do
-      expect('.span-columns-table').to have_rule('width: 50%')
-    end
-  end
-
-  context "with argument (block-collapse)" do
-    it "appends gutter width to column width" do
-      expect('.span-columns-collapse').to have_rule('width: 51.17883%')
-    end
-
-    it "removes the next gutter" do
-      expect('.span-columns-collapse').to_not have_rule('margin-right: 2.35765%')
-    end
-
-    it "removes gutter percentage from the width of the last child" do
-      expect('.span-columns-collapse:last-child').to have_rule('width: 48.82117%')
-    end
-  end
-
-  context "with argument (no-display)" do
-    it "doesn't set display property" do
-      expect('.span-columns-no-display').to_not have_rule('display: block')
-    end
-
-    it "sets width in percentage based on a block layout" do
-      expect('.span-columns-no-display').to have_rule('width: 48.82117%')
-    end
-  end
-end

data/spec/neat/container_spec.rb

@@ -1,21 +0,0 @@
-require 'spec_helper'
-
-describe "@include outer-container()" do
-  before(:all) do
-    ParserSupport.parse_file("outer-container")
-  end
-
-  it "adds clearfix" do
-    expect('.container-default:after').to have_rule('clear: both')
-  end
-
-  it "sets max-width" do
-    expect('.container-default').to have_rule('max-width: 960px')
-  end
-
-  context "with max-width argument: 100%" do
-    it "sets max-width to 100%" do
-      expect('.container-custom-width').to have_rule('max-width: 100%')
-    end
-  end
-end

data/spec/neat/default_spec.rb

@@ -1,15 +0,0 @@
-require 'spec_helper'
-
-describe "By default" do
-  before(:all) do
-    ParserSupport.parse_file("default")
-  end
-
-  it "sets sizing on the html element to 'border-box'" do
-    expect('html').to have_rule('box-sizing: border-box')
-  end
-
-  it "sets sizing on the global selector to 'inherit'" do
-    expect('*:after').to have_rule('box-sizing: inherit')
-  end
-end

data/spec/neat/direction_spec.rb

@@ -1,19 +0,0 @@
-require 'spec_helper'
-
-describe "@include direction-context() {...}" do
-  before(:all) do
-    ParserSupport.parse_file("direction-context")
-  end
-
-  context "with no argument" do
-    it "uses default direction setting" do
-      expect('.default-block').to have_rule('float: left')
-    end
-  end
-
-  context "whith argument (right-to-left)" do
-    it "changes direction setting inside the block" do
-      expect('.right-to-left-block').to have_rule('float: right')
-    end
-  end
-end

data/spec/neat/display_spec.rb

@@ -1,19 +0,0 @@
-require 'spec_helper'
-
-describe "@include display-context() {...}" do
-  before(:all) do
-    ParserSupport.parse_file("display-context")
-  end
-
-  context "with argument (table)" do
-    it "changes display value to table" do
-      expect('.display-table-block').to have_rule('display: table-cell')
-    end
-  end
-
-  context "whith nested call and argument (block)" do
-    it "changes display value to block" do
-      expect('.display-nested-block').to have_rule('display: block')
-    end
-  end
-end

data/spec/neat/media_spec.rb

@@ -1,55 +0,0 @@
-require 'spec_helper'
-
-describe "@include media() {...}" do
-  before(:all) do
-    ParserSupport.parse_file("media")
-  end
-
-  context "with argument (481px)" do
-    it "outputs @media screen and (min-width: 481px)" do
-      expect('.media-default').to be_contained_in('screen and (min-width: 481px)')
-    end
-  end
-
-  context "with argument (max-width 480px)" do
-    it "outputs @media screen and (max-width: 480px)" do
-      expect('.media-max-width').to be_contained_in('screen and (max-width: 480px)')
-    end
-  end
-
-  context "with argument (min-width 320px max-width 480px)" do
-    it "outputs @media screen and (min-width: 320px) and (max-width: 480px)" do
-      expect('.media-min-max-width').to be_contained_in('screen and (min-width: 320px) and (max-width: 480px)')
-    end
-  end
-
-  context "with argument (481px, 6)" do
-    it "outputs @media screen and (min-width: 481px)" do
-      expect('.change-media-context').to be_contained_in('screen and (min-width: 481px)')
-    end
-
-    it "uses a 6-column grid" do
-      expect('.change-media-context').to have_rule('width: 100%')
-    end
-  end
-
-  context "with shorthand argument (max-width 480px 6)" do
-    it "outputs @media screen and (max-width: 480px)" do
-      expect('.change-media-context-shorthand').to be_contained_in('screen and (max-width: 480px)')
-    end
-
-    it "uses a 6-column grid" do
-      expect('.change-media-context-shorthand').to have_rule('width: 100%')
-    end
-  end
-
-  context "with composite argument (max-width 768px min-width 110px orientation portait 6)" do
-    it "outputs @media screen and (max-width: 768px) and (min-width: 110px) and (orientation: portait)" do
-      expect('.composite-media-query').to be_contained_in('screen and (max-width: 768px) and (min-width: 110px) and (orientation: portait)')
-    end
-
-    it "uses a 6-column grid" do
-      expect('.composite-media-query').to have_rule('width: 100%')
-    end
-  end
-end

data/spec/neat/new_breakpoint_spec.rb

@@ -1,17 +0,0 @@
-require 'spec_helper'
-
-describe "new-breakpoint()" do
-  before(:all) do
-    ParserSupport.parse_file("new-breakpoint")
-  end
-
-  context "with argument (max-width 768px 12)" do
-    it "outputs (max-width 768px)" do
-      expect('.responsive-element').to be_contained_in('screen and (max-width: 768px)')
-    end
-
-    it "adds (max-width 768px 12) to visual grid breakpoints" do
-      expect('$visual-grid-breakpoints').to have_value('max-width 768px 12')
-    end
-  end
-end

data/spec/neat/omega_spec.rb

@@ -1,43 +0,0 @@
-require 'spec_helper'
-
-describe "@include omega()" do
-  before(:all) do
-    ParserSupport.parse_file("omega")
-  end
-
-  context "with no argument" do
-    it "removes right margin" do
-      expect('.omega-default').to have_rule('margin-right: 0')
-    end
-  end
-
-  context "with argument (4n)" do
-    it "removes right margin of nth-child(4n)" do
-      expect('.omega-nth-default:nth-child(4n)').to have_rule('margin-right: 0')
-    end
-
-    it "adds clear to nth-child(4n+1)" do
-      expect('.omega-nth-default:nth-child(4n+1)').to have_rule('clear: left')
-    end
-  end
-
-  context "with argument ('4n+1')" do
-    it "removes right margin of nth-child(4n+1)" do
-      expect('.omega-complex-nth:nth-child(4n+1)').to have_rule('margin-right: 0')
-    end
-  end
-
-  context "when called inside an RTL row" do
-    context "with no argument" do
-      it "removes left margin" do
-        expect('section .omega-default-left').to have_rule('margin-left: 0')
-      end
-    end
-
-    context "with argument (4n block)" do
-      it "removes left margin of nth-child(4n)" do
-        expect('section .omega-nth-default-left:nth-child(4n)').to have_rule('margin-left: 0')
-      end
-    end
-  end
-end

data/spec/neat/pad_spec.rb

@@ -1,32 +0,0 @@
-require 'spec_helper'
-
-describe "@include pad()" do
-  before(:all) do
-    ParserSupport.parse_file("pad")
-  end
-
-  context "with no argument" do
-    it "sets padding to gutter percentage" do
-      expect('.pad-default').to have_rule('padding: 2.35765%')
-    end
-  end
-
-  context "with argument (20px)" do
-    it "sets padding to 20px" do
-      expect('.pad-explicit').to have_rule('padding: 20px')
-    end
-  end
-
-  context "with argument (30px 20px 10px 5px)" do
-    it "sets padding to 30px 20px 10px 5px" do
-      expect('.pad-shorthand').to have_rule('padding: 30px 20px 10px 5px')
-    end
-  end
-
-  context "with argument (default)" do
-    it "uses default gutter percentage" do
-      expect('.pad-shorthand-default').to have_rule('padding: 30px 2.35765% 10px 2.35765%')
-    end
-  end
-end
-

data/spec/neat/row_spec.rb

@@ -1,39 +0,0 @@
-require 'spec_helper'
-
-describe "@include row()" do
-  before(:all) do
-    ParserSupport.parse_file("row")
-  end
-
-  context "with no argument" do
-    it "adds clearfix" do
-      expect('.row-default:after').to have_rule('clear: both')
-    end
-
-    it "sets display to block" do
-      expect('.row-default').to have_rule('display: block')
-    end
-  end
-
-  context "with argument (table)" do
-    it "sets display to table" do
-      expect('.row-table').to have_rule('display: table')
-    end
-
-    it "forces table-cell display on child elements" do
-      expect('.row-table-reset .block-child').to have_rule('display: table-cell')
-    end
-  end
-
-  context "with reset-display()" do
-    it "resets display to block" do
-      expect('.no-row').to have_rule('display: block')
-    end
-  end
-
-  context "with invalid display argument" do
-    it "sets display to block" do
-      expect('.row-invalid-display').to have_rule('display: block')
-    end
-  end
-end

data/spec/neat/shift_spec.rb

@@ -1,41 +0,0 @@
-require 'spec_helper'
-
-describe "@include shift()" do
-  before(:all) do
-    ParserSupport.parse_file("shift")
-  end
-
-  context "with no argument" do
-    it "shifts element one column in the default direction" do
-      expect('.shift-default').to have_rule('margin-left: 8.5298%')
-    end
-  end
-
-  context "with argument (2)" do
-    it "shifts element 2 columns in the default direction" do
-      expect('.shift-positive').to have_rule('margin-left: 17.05961%')
-    end
-  end
-
-  context "with argument (-3)" do
-    it "shifts element 3 columns in the opposite direction" do
-      expect('.shift-negative').to have_rule('margin-left: -25.58941%')
-    end
-  end
-
-  context "when nested" do
-    it "shifts element relative to its parent" do
-      expect('.shifted-parent .shifted-child').to have_rule('margin-left: 34.94305%')
-    end
-
-    it "resets nesting context" do
-      expect('.post-nested-shift').to have_rule('margin-left: 17.05961%')
-    end
-  end
-
-  context "when layout direction changes" do
-    it "shifts element in the corresponding direction" do
-      expect('section .shift-negative').to have_rule('margin-right: -25.58941%')
-    end
-  end
-end

data/spec/support/bourbon_support.rb

@@ -1,9 +0,0 @@
-module BourbonSupport
-  def install_bourbon_files
-    `bourbon install --path test`
-  end
-
-  def remove_bourbon_files
-    FileUtils.rm_rf('test/bourbon')
-  end
-end

data/test/_setup.scss

@@ -1,3 +0,0 @@
-@import 'bourbon/bourbon';
-@import '../app/assets/stylesheets/neat';
-$disable-warnings: true !global;

data/test/default.scss

@@ -1 +0,0 @@
-@import 'setup';

data/test/direction-context.scss

@@ -1,13 +0,0 @@
-@import 'setup';
-
-@include direction-context() {
-  .default-block {
-    @include span-columns(6);
-  }
-}
-
-@include direction-context(right-to-left) {
-  .right-to-left-block {
-    @include span-columns(6);
-  }
-}

data/test/display-context.scss

@@ -1,15 +0,0 @@
-@import 'setup';
-
-@include display-context(table) {
-  .display-table-block {
-    @include span-columns(6);
-  }
-}
-
-@include display-context(table) {
-  @include display-context(block) {
-    .display-nested-block {
-      @include span-columns(6);
-    }
-  }
-}

data/test/media.scss

@@ -1,39 +0,0 @@
-@import 'setup';
-
-$composite: new-breakpoint(max-width 768px min-width 110px orientation portait 6);
-
-.media-default {
-  @include media(481px) {
-    color: #000;
-  }
-}
-
-.media-max-width {
-  @include media(max-width 480px) {
-    position: relative;
-  }
-}
-
-.media-min-max-width {
-  @include media(min-width 320px max-width 480px) {
-    position: relative;
-  }
-}
-
-.change-media-context {
-  @include media(481px, 6) {
-    @include span-columns(6);
-  }
-}
-
-.change-media-context-shorthand {
-  @include media(max-width 480px 6) {
-    @include span-columns(6);
-  }
-}
-
-.composite-media-query {
-  @include media($composite) {
-    @include span-columns(6);
-  }
-}

data/test/new-breakpoint.scss

@@ -1,13 +0,0 @@
-@import 'setup';
-
-$tablet: new-breakpoint(max-width 768px 12);
-
-.responsive-element {
-  @include media($tablet) {
-    color: #000;
-  }
-}
-
-#visual-grid-breakpoints {
-  value: $visual-grid-breakpoints
-}

data/test/omega.scss

@@ -1,25 +0,0 @@
-@import 'setup';
-
-.omega-default {
-  @include omega;
-}
-
-.omega-nth-default {
-  @include omega(4n)
-}
-
-.omega-complex-nth {
-  @include omega("4n+1");
-}
-
-section {
-  @include row($direction: RTL);
-
-  .omega-default-left {
-    @include omega;
-  }
-
-  .omega-nth-default-left {
-    @include omega(4n block);
-  }
-}

data/test/outer-container.scss

@@ -1,11 +0,0 @@
-@import 'setup';
-
-$max-width: 960px;
-
-.container-default {
-  @include outer-container();
-}
-
-.container-custom-width {
-  @include outer-container(100%);
-}

data/test/pad.scss

@@ -1,17 +0,0 @@
-@import 'setup';
-
-.pad-default {
-  @include pad;
-}
-
-.pad-explicit {
-  @include pad(20px);
-}
-
-.pad-shorthand {
-  @include pad(30px 20px 10px 5px);
-}
-
-.pad-shorthand-default {
-  @include pad(30px default 10px default);
-}

data/test/row.scss

@@ -1,26 +0,0 @@
-@import 'setup';
-
-.row-default {
-  @include row;
-}
-
-.row-table {
-  @include row(table);
-}
-
-.row-invalid-display {
-  @include row(invalid-argument);
-}
-
-.row-table-reset {
-  @include row(table);
-
-  .block-child {
-    @include span-columns(4, block);
-    @include reset-display;
-  }
-}
-
-.no-row {
-  @include span-columns(4);
-}