griddyup 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: adfb7b03ab36506621ea7ae5b338d9a5e9099e1c
+  data.tar.gz: 0e82e342dde2f9afb3d0a189e110695bad29598d
+SHA512:
+  metadata.gz: 4a69491efe3bc5abc4d331840c6dcb00ccf0d730cf21128eae3396f6fb321f8572c2639a82a4a25848ee884c9eeac9f78b0e8d6a8cf31fa6d2f60541931907a5
+  data.tar.gz: 6918240bddf8aed0cedc87d83dea70d951086e82c097aa20a082bace174df5d59df5e7081d1ce1f6b2603f0efa7c411040909d335474c3ac50e2a1c828a838a2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 hawry
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,35 @@
+# Griddyup
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'griddyup'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install griddyup
+```
+
+Add this line to your application.css:
+```
+*= require griddyup //Add this line
+*= require_tree .
+*= require_self
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,33 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Griddyup'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/griddyup.js

@@ -0,0 +1 @@
+var GriddyUp = {};

data/app/assets/stylesheets/griddyup.scss

@@ -0,0 +1,314 @@
+// Place all the styles related to the grid controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+@import "normalize/normalize";
+
+$DEBUG_MODE: "false"; //enables the use of "random-color-x"
+
+
+@function to-rem($px,$b: $font-base-size) {
+    @return #{$px/$b}rem;
+}
+@function to-em($px,$b: $font-base-size) {
+    @return #{$px/$b}em;
+}
+
+
+$max-columns: 8;
+
+$primary-color: #1976D2;
+$primary-color-light: #63a4ff;
+$primary-color-dark: #004ba0;
+
+$secondary-color: #37474F;
+$secondary-color-light: #62727b;
+$secondary-color-dark: #102027;
+
+$primary-color-text: #fff;
+$primary-color-light-text: #000;
+$primary-color-dark-text: #fff;
+
+$secondary-color-text: #fff;
+$secondary-color-light-text:#fff;
+$secondary-color-dark-text:#fff;
+
+.color-primary {
+  background-color: $primary-color;
+  color: $primary-color-text;
+  &.light {
+    background-color: $primary-color-light;
+    color: $primary-color-light-text;
+  }
+  &.dark {
+    background-color: $primary-color-dark;
+    color: $primary-color-dark-text;
+  }
+}
+
+.color-secondary {
+  background-color: $secondary-color;
+  color: $secondary-color-text;
+  &.light {
+    background-color: $secondary-color-light;
+    color: $secondary-color-light-text;
+  }
+  &.dark {
+    background-color: $secondary-color-dark;
+    color: $secondary-color-dark-text;
+  }
+}
+
+$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+$font-family-serif:       Georgia, "Times New Roman", Times, serif;
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+$font-family-base:        $font-family-sans-serif;
+
+$font-size-base:          14px;
+$font-size-large:         ceil(($font-size-base * 1.25)); // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)); // ~12px
+
+$font-size-h1:            floor(($font-size-base * 2.6)); // ~36px
+$font-size-h2:            floor(($font-size-base * 2.15)); // ~30px
+$font-size-h3:            ceil(($font-size-base * 1.7)); // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.25)); // ~18px
+$font-size-h5:            $font-size-base;
+$font-size-h6:            ceil(($font-size-base * 0.85)); // ~12px
+
+$font-size-h-list: $font-size-h1 $font-size-h2 $font-size-h3 $font-size-h4 $font-size-h5 $font-size-h6;
+
+$line-height-base:        1.428571429; // 20/14
+$line-height-computed:    floor(($font-size-base * $line-height-base)); // ~20px
+
+$headings-font-family:    inherit;
+$headings-font-weight:    500;
+$headings-line-height:    1.1;
+$headings-color:          inherit;
+
+//Breakpoints
+$bp-small:  (0,40em);
+$bp-medium: (40.00001em,64em);
+$bp-large:  (64.00001em,90em);
+$bp-xlarge: (90.00001, 500000em);
+
+$row-width-small:   64em;
+$row-width-medium:  $row-width-small;
+$row-width-large:   $row-width-medium;
+$row-width-xlarge: 80em;
+
+//Specific breakpoints
+$bp-small-up:   "only screen";
+$bp-small-only: "only screen and (max-width: #{nth($bp-small,2)})";
+$bp-small-down: "only screen and (max-width:#{nth($bp-small,2)})";
+
+$bp-medium-up:  "only screen and (min-width: #{nth($bp-medium,1)})";
+$bp-medium-only:  "only screen and (min-width: #{nth($bp-medium,1)}) and (max-width:#{nth($bp-medium,2)})";
+$bp-medium-down: "only screen and (max-width:#{nth($bp-medium,2)})";
+
+$bp-large-up:  "only screen and (min-width: #{nth($bp-large,1)})";
+$bp-large-only:  "only screen and (min-width: #{nth($bp-large,1)}) and (max-width:#{nth($bp-large,2)})";
+$bp-large-down: "only screen and (max-width:#{nth($bp-large,2)})";
+
+$bp-xlarge-up: "only screen and (min-width: #{nth($bp-xlarge,1)})";
+$bp-xlarge-only: "only screen and (min-width: #{nth($bp-xlarge,1)}) and (max-width:#{nth($bp-xlarge,2)})";
+$bp-xlarge-down: "only screen";
+
+* {
+  box-sizing: border-box;
+}
+
+html,body {
+  height:100%;
+}
+
+body {
+  font-size: $font-size-base;
+}
+
+.font-large {
+  font-size: $font-size-large;
+}
+.font-small {
+  font-size: $font-size-small;
+}
+
+@for $i from 1 through 6 {
+  h#{$i} {
+    font-family: $headings-font-family;
+    font-weight: $headings-font-weight;
+    line-height: $headings-line-height;
+    color:$headings-color;
+    font-size: nth($font-size-h-list,$i);
+  }
+}
+
+.site-container {
+  height:100%;
+  display:grid;
+  grid-template-areas:
+    "h"
+    "m"
+    "f";
+  grid-template-rows: 1fr 12fr 1fr;
+}
+
+.site-container-aside {
+  height:100%;
+  display:grid;
+  grid-template-areas:
+    "h h"
+    "m a"
+    "f f";
+  grid-template-rows: 1fr 10fr 1fr;
+  grid-template-columns: 8fr 4fr;
+  &-reverse {
+    @extend .site-container-aside;
+    grid-template-areas:
+      "h h"
+      "a m"
+      "f f";
+    grid-template-columns: 4fr 8fr;
+  }
+}
+random-color-3
+nav {
+  display:grid;
+  grid-template-columns: repeat($max-columns,1fr);
+  grid-auto-flow:column;
+  grid-area: h;
+}
+
+footer {
+  display: grid;
+  grid-area: f;
+  &.fixed {
+    grid-template-columns: 1fr 80em 1fr;
+    grid-auto-flow: row;
+    & .row {
+      grid-column-start: 2;
+      max-width: 80em;
+    }
+  }
+}
+
+main {
+  grid-area: m;
+  display:inline-grid;
+  align-content: flex-start;
+  grid-template-rows: fit-content(0px);
+  grid-row-gap: 0.4rem;
+  &.fixed {
+    grid-template-columns: 1fr 80em 1fr;
+    grid-auto-flow: row;
+    & .row {
+      grid-column-start: 2;
+      max-width: 80em;
+    }
+  }
+}
+
+aside {
+  grid-area: a;
+}
+
+.row {
+  display:grid;
+  grid-template-columns: repeat($max-columns,1fr);
+  grid-gap: 0.4rem;
+}
+
+@for $i from 1 through $max-columns {
+  .random-color-#{$i} {
+    $alpha: random(100)/100;
+    $red: random(256)-1;
+    $green: random(256)-1;
+    $blue: random(256)-1;
+    $color: unquote("rgb(#{$red}, #{$green}, #{$blue})");
+    @if $DEBUG_MODE == 'true' {
+      background-color:$color;
+    }
+  }
+}
+
+@mixin columns($size) {
+  @for $i from 1 through $max-columns {
+    .#{$size}-col-#{$i} {
+      grid-column: span $i;
+    }
+  }
+}
+
+@mixin hide($size) {
+  @for $i from 1 through $max-columns {
+    .#{$size}-hide {
+      display:none;
+    }
+  }
+}
+
+@mixin show($size) {
+  @for $i from 1 through $max-columns {
+    $show-small: none;
+    $show-medium: none;
+    $show-large: none;
+    $show-xlarge: none;
+
+    @if $size=="s" {
+    $show-small: inherit;
+    }
+    @if $size=="m" {
+      $show-medium: inherit;
+    }
+    @if $size=="l" {
+      $show-large: inherit;
+    }
+    @if $size=="l" {
+      $show-xlarge: inherit;
+    }
+    .s-only {
+      display:$show-small;
+    }
+    .m-only {
+      display:$show-medium;
+    }
+    .l-only {
+      display:$show-large;
+    }
+    .xl-only {
+      display:$show-xlarge;
+    }
+  }
+}
+
+@for $i from 1 through $max-columns {
+  .col-#{$i} {
+    grid-column: span $i;
+  }
+}
+
+@media #{$bp-small-only} {
+  @include hide("s");
+}
+
+@media #{$bp-medium-only} {
+  @include hide("m");
+}
+
+@media #{$bp-large-up} { //change to bp-large-only if xlarge should be used
+  @include hide("l");
+}
+
+@media #{$bp-small-up} {
+  @include columns("s");
+  @include show("s");
+}
+
+@media #{$bp-medium-up} {
+  @include columns("m");
+  @include show("m");
+}
+
+@media #{$bp-large-up} {
+  @include columns("l");
+  @include show("l");
+}

data/app/assets/stylesheets/normalize/_normalize.scss

@@ -0,0 +1,647 @@
+/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+
+@import 'variables';
+@import 'vertical-rhythm';
+
+// If we've customized any font variables, we'll need extra properties.
+@if $base-line-height != 24px
+  or $base-unit != 'em'
+  or $h2-font-size != 1.5  * $base-font-size
+  or $h3-font-size != 1.17 * $base-font-size
+  or $h4-font-size != 1    * $base-font-size
+  or $h5-font-size != 0.83 * $base-font-size
+  or $h6-font-size != 0.67 * $base-font-size
+  or $indent-amount != 40px {
+  $normalize-vertical-rhythm: true !global;
+}
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+html {
+  @if $base-font-family {
+    /* Change the default font family in all browsers (opinionated). */
+    font-family: $base-font-family;
+  }
+  @if $base-font-size != 16px or $normalize-vertical-rhythm {
+    // Correct old browser bug that prevented accessible resizing of text
+    // when root font-size is set with px or em.
+    font-size: ($base-font-size / 16px) * 100%;
+  }
+  @if $normalize-vertical-rhythm {
+    // Establish a vertical rhythm unit using $base-font-size and
+    // $base-line-height variables.
+    line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
+  }
+  @else {
+    line-height: 1.15; /* 1 */
+  }
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  @include normalize-font-size($h1-font-size);
+  @if $normalize-vertical-rhythm {
+    @include normalize-line-height($h1-font-size);
+  }
+
+  @if $normalize-vertical-rhythm {
+    /* Set 1 unit of vertical rhythm on the top and bottom margins. */
+    @include normalize-margin(1 0, $h1-font-size);
+  }
+  @else {
+    margin: 0.67em 0;
+  }
+}
+
+@if $normalize-vertical-rhythm {
+  h2 {
+    @include normalize-font-size($h2-font-size);
+    @include normalize-line-height($h2-font-size);
+    @include normalize-margin(1 0, $h2-font-size);
+  }
+
+  h3 {
+    @include normalize-font-size($h3-font-size);
+    @include normalize-line-height($h3-font-size);
+    @include normalize-margin(1 0, $h3-font-size);
+  }
+
+  h4 {
+    @include normalize-font-size($h4-font-size);
+    @include normalize-line-height($h4-font-size);
+    @include normalize-margin(1 0, $h4-font-size);
+  }
+
+  h5 {
+    @include normalize-font-size($h5-font-size);
+    @include normalize-line-height($h5-font-size);
+    @include normalize-margin(1 0, $h5-font-size);
+  }
+
+  h6 {
+    @include normalize-font-size($h6-font-size);
+    @include normalize-line-height($h6-font-size);
+    @include normalize-margin(1 0, $h6-font-size);
+  }
+}
+
+/* Grouping content
+   ========================================================================== */
+
+@if $normalize-vertical-rhythm {
+  /**
+   * Set 1 unit of vertical rhythm on the top and bottom margin.
+   */
+
+  blockquote {
+    @include normalize-margin(1 $indent-amount);
+  }
+
+  dl,
+  ol,
+  ul {
+    @include normalize-margin(1 0);
+  }
+
+  /**
+   * Turn off margins on nested lists.
+   */
+
+  ol,
+  ul {
+    ol,
+    ul {
+      margin: 0;
+    }
+  }
+
+  dd {
+    margin: 0 0 0 $indent-amount;
+  }
+
+  ol,
+  ul {
+    padding: 0 0 0 $indent-amount;
+  }
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+figcaption,
+figure {
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  @if $normalize-vertical-rhythm {
+    @include normalize-margin(1 $indent-amount);
+  }
+  @else {
+    margin: 1em $indent-amount;
+  }
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+  display: block;
+}
+
+@if $normalize-vertical-rhythm {
+  /**
+   * Set 1 unit of vertical rhythm on the top and bottom margin.
+   */
+
+  p,
+  pre {
+    @include normalize-margin(1 0);
+  }
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+%monospace {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+pre {
+  @extend %monospace;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+code,
+kbd,
+samp {
+  @extend %monospace;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known issues:
+ * - `select`:
+ *   By default, Chrome on OS X and Safari on OS X allow very limited styling of
+ *   select, unless a border property is set. The default font weight on
+ *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
+ *   OS X.
+ * - `[type="checkbox"]`:
+ *   It is recommended that you do not style checkbox and radio inputs as
+ *   Firefox's implementation does not respect box-sizing, padding, or width.
+ * - `[type="number"]`:
+ *   Certain font size values applied to number inputs cause the cursor style of
+ *   the decrement button to change from `default` to `text`.
+ * - `[type="search"]`:
+ *   The search input is not fully stylable by default. In Chrome and Safari on
+ *   OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
+ *   Chrome and Safari on Windows you can't control `border` properly. It will
+ *   apply `border-width` but will only show a border color (which cannot be
+ *   controlled) for the outer 1px of that border. Applying
+ *   `-webkit-appearance: textfield` addresses these issues without removing the
+ *   benefits of search inputs (e.g. showing past searches). Safari (but not
+ *   Chrome) will clip the cancel button on when it has padding (and `textfield`
+ *   appearance).
+ * - `::placeholder`:
+ *   In Edge, placeholders will disappear on `relative` or `absolute` positioned
+ *   `<input>` elements if you use `opacity` less than `1` due to a
+ *   [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
+ */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  @if $normalize-vertical-rhythm {
+    @include normalize-line-height($base-font-size); /* 1 */
+  }
+  @else {
+    line-height: 1.15; /* 1 */
+  }
+  font-family: if($base-font-family, $base-font-family, sans-serif); /* 1 */
+  font-size: 100%; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+
+  &::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+
+  &:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+}
+
+/**
+ * Show the overflow in Edge.
+ */
+
+input {
+  overflow: visible;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+
+  /**
+   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+   */
+
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  color: inherit; /* 2 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+
+/*
+ * Add the correct display in IE 9-.
+ */
+
+menu {
+  display: block;
+
+  @if $normalize-vertical-rhythm {
+    /*
+     * 1. Set 1 unit of vertical rhythm on the top and bottom margin.
+     * 2. Set consistent space for the list style image.
+     */
+
+    @include normalize-margin(1 0); /* 1 */
+    padding: 0 0 0 $indent-amount; /* 2 */
+
+    /**
+     * Turn off margins on nested lists.
+     */
+
+    menu &,
+    ol &,
+    ul & {
+      margin: 0;
+    }
+  }
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}

data/app/assets/stylesheets/normalize/_variables.scss

@@ -0,0 +1,36 @@
+//
+// Variables
+//
+// If you have an initialization partial (or equivalent), you should move these
+// lines to that file. NOTE: Edit the lines to remove "!default".
+
+// The font size set on the root html element.
+$base-font-size: 16px !default;
+
+// The base line height determines the basic unit of vertical rhythm.
+$base-line-height: 24px !default;
+
+// The length unit in which to output vertical rhythm values.
+// Supported values: px, em, rem.
+$base-unit: 'em' !default;
+
+// The default font family.
+$base-font-family: null !default;
+
+// The font sizes for h1-h6.
+$h1-font-size: 2    * $base-font-size !default;
+$h2-font-size: 1.5  * $base-font-size !default;
+$h3-font-size: 1.17 * $base-font-size !default;
+$h4-font-size: 1    * $base-font-size !default;
+$h5-font-size: 0.83 * $base-font-size !default;
+$h6-font-size: 0.67 * $base-font-size !default;
+
+// The amount lists and blockquotes are indented.
+$indent-amount: 40px !default;
+
+// The following variable controls whether normalize-scss will output
+// font-sizes, line-heights and block-level top/bottom margins that form a basic
+// vertical rhythm on the page, which differs from the original Normalize.css.
+// However, changing any of the variables above will cause
+// $normalize-vertical-rhythm to be automatically set to true.
+$normalize-vertical-rhythm: false !default;

data/app/assets/stylesheets/normalize/_vertical-rhythm.scss

@@ -0,0 +1,61 @@
+//
+// Vertical Rhythm
+//
+// This is the minimal amount of code needed to create vertical rhythm in our
+// CSS. If you are looking for a robust solution, look at the excellent Typey
+// library. @see https://github.com/jptaranto/typey
+
+@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
+  @if unit($value) != px {
+    @error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
+  }
+  @if $unit == rem {
+    @return ($value / $base-font-size) * 1rem;
+  }
+  @else if $unit == em {
+    @return ($value / $relative-to) * 1em;
+  }
+  @else { // $unit == px
+    @return $value;
+  }
+}
+
+@mixin normalize-font-size($value, $relative-to: $base-font-size) {
+  @if unit($value) != 'px' {
+    @error "normalize-font-size() only supports px inputs. The typey library is better.";
+  }
+  font-size: normalize-rhythm($value, $relative-to);
+}
+
+@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
+  $value-list: $values;
+  $sep: space;
+  @if type-of($values) == 'list' {
+    $sep: list-separator($values);
+  }
+  @else {
+    $value-list: append((), $values);
+  }
+
+  $normalized-values: ();
+  @each $value in $value-list {
+    @if unitless($value) and $value != 0 {
+      $value: $value * normalize-rhythm($base-line-height, $relative-to);
+    }
+    $normalized-values: append($normalized-values, $value, $sep);
+  }
+  #{$property}: $normalized-values;
+}
+
+@mixin normalize-margin($values, $relative-to: $base-font-size) {
+  @include normalize-rhythm(margin, $values, $relative-to);
+}
+
+@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
+  $lines: ceil($font-size / $base-line-height);
+  // If lines are cramped include some extra leading.
+  @if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
+    $lines: $lines + 1;
+  }
+  @include normalize-rhythm(line-height, $lines, $font-size);
+}

data/lib/griddyup/engine.rb

@@ -0,0 +1,4 @@
+module Griddyup
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/griddyup/version.rb

@@ -0,0 +1,3 @@
+module Griddyup
+  VERSION = '0.0.2'
+end

data/lib/griddyup.rb

@@ -0,0 +1,6 @@
+require 'griddyup/engine'
+
+module Griddyup
+  # Your code goes here...
+
+end

data/lib/tasks/griddyup_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :griddyup do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,98 @@
+--- !ruby/object:Gem::Specification
+name: griddyup
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- hawry
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-08-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.1.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.1.3
+- !ruby/object:Gem::Dependency
+  name: normalize-scss
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.0.0
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+description: Griddyup is a CSS-grid tool for (a bit) faster prototyping
+email:
+- hawry@hawry.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/griddyup.js
+- app/assets/stylesheets/griddyup.scss
+- app/assets/stylesheets/normalize/_normalize.scss
+- app/assets/stylesheets/normalize/_variables.scss
+- app/assets/stylesheets/normalize/_vertical-rhythm.scss
+- lib/griddyup.rb
+- lib/griddyup/engine.rb
+- lib/griddyup/version.rb
+- lib/tasks/griddyup_tasks.rake
+homepage: https://github.com/hawry/griddyup
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.12
+signing_key: 
+specification_version: 4
+summary: Griddyup is a CSS-Grid tool
+test_files: []