mcgriddle 0.3.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ca560d1211d0c0b2b584a979734bd490ee7528cf
+  data.tar.gz: 8159152e083fbf0b515115d51606ebdba7ce4cfe
+SHA512:
+  metadata.gz: 989d3fa99a8a56854450bed0adc398ddd9f568cd736daf28be6de8980d7dda978a35956b44d6dbba8361fe3a9125c32eff9f5ee1c62ca77ff05008c16094996c
+  data.tar.gz: e766fbac848fa23b45cc373ffb3f7747ddae2a151a0b46d20b50e67a1b6428978518f8924c584c49429f742975702f9f2a2f9b89b1e7fcbda69dd556fb25fc1e

data/.csscomb.dist.json

@@ -0,0 +1,302 @@
+{
+  "exclude": [
+    ".git/**",
+    "node_modules/**",
+    "bower_components/**"
+  ],
+  "always-semicolon": true,
+  "color-case": "lower",
+  "color-shorthand": true,
+  "element-case": "lower",
+  "eof-newline": true,
+  "leading-zero": false,
+  "remove-empty-rulesets": true,
+  "unitless-zero": true,
+  "sort-order-fallback": "abc",
+  "sort-order": [
+    "font",
+    "font-family",
+    "font-size",
+    "font-weight",
+    "font-style",
+    "font-variant",
+    "font-size-adjust",
+    "font-stretch",
+    "font-effect",
+    "font-emphasize",
+    "font-emphasize-position",
+    "font-emphasize-style",
+    "font-smooth",
+    "line-height"
+    "position",
+    "z-index",
+    "top",
+    "right",
+    "bottom",
+    "left"
+    "display",
+    "visibility",
+    "float",
+    "clear",
+    "overflow",
+    "overflow-x",
+    "overflow-y",
+    "-ms-overflow-x",
+    "-ms-overflow-y",
+    "clip",
+    "zoom",
+    "flex-direction",
+    "flex-order",
+    "flex-pack",
+    "flex-align"
+    "-webkit-box-sizing",
+    "-moz-box-sizing",
+    "box-sizing",
+    "width",
+    "min-width",
+    "max-width",
+    "height",
+    "min-height",
+    "max-height",
+    "margin",
+    "margin-top",
+    "margin-right",
+    "margin-bottom",
+    "margin-left",
+    "padding",
+    "padding-top",
+    "padding-right",
+    "padding-bottom",
+    "padding-left"
+    "table-layout",
+    "empty-cells",
+    "caption-side",
+    "border-spacing",
+    "border-collapse",
+    "list-style",
+    "list-style-position",
+    "list-style-type",
+    "list-style-image"
+    "content",
+    "quotes",
+    "counter-reset",
+    "counter-increment",
+    "resize",
+    "cursor",
+    "-webkit-user-select",
+    "-moz-user-select",
+    "-ms-user-select",
+    "user-select",
+    "nav-index",
+    "nav-up",
+    "nav-right",
+    "nav-down",
+    "nav-left",
+    "-webkit-transition",
+    "-moz-transition",
+    "-ms-transition",
+    "-o-transition",
+    "transition",
+    "-webkit-transition-delay",
+    "-moz-transition-delay",
+    "-ms-transition-delay",
+    "-o-transition-delay",
+    "transition-delay",
+    "-webkit-transition-timing-function",
+    "-moz-transition-timing-function",
+    "-ms-transition-timing-function",
+    "-o-transition-timing-function",
+    "transition-timing-function",
+    "-webkit-transition-duration",
+    "-moz-transition-duration",
+    "-ms-transition-duration",
+    "-o-transition-duration",
+    "transition-duration",
+    "-webkit-transition-property",
+    "-moz-transition-property",
+    "-ms-transition-property",
+    "-o-transition-property",
+    "transition-property",
+    "-webkit-transform",
+    "-moz-transform",
+    "-ms-transform",
+    "-o-transform",
+    "transform",
+    "-webkit-transform-origin",
+    "-moz-transform-origin",
+    "-ms-transform-origin",
+    "-o-transform-origin",
+    "transform-origin",
+    "-webkit-animation",
+    "-moz-animation",
+    "-ms-animation",
+    "-o-animation",
+    "animation",
+    "-webkit-animation-name",
+    "-moz-animation-name",
+    "-ms-animation-name",
+    "-o-animation-name",
+    "animation-name",
+    "-webkit-animation-duration",
+    "-moz-animation-duration",
+    "-ms-animation-duration",
+    "-o-animation-duration",
+    "animation-duration",
+    "-webkit-animation-play-state",
+    "-moz-animation-play-state",
+    "-ms-animation-play-state",
+    "-o-animation-play-state",
+    "animation-play-state",
+    "-webkit-animation-timing-function",
+    "-moz-animation-timing-function",
+    "-ms-animation-timing-function",
+    "-o-animation-timing-function",
+    "animation-timing-function",
+    "-webkit-animation-delay",
+    "-moz-animation-delay",
+    "-ms-animation-delay",
+    "-o-animation-delay",
+    "animation-delay",
+    "-webkit-animation-iteration-count",
+    "-moz-animation-iteration-count",
+    "-ms-animation-iteration-count",
+    "-o-animation-iteration-count",
+    "animation-iteration-count",
+    "-webkit-animation-direction",
+    "-moz-animation-direction",
+    "-ms-animation-direction",
+    "-o-animation-direction",
+    "animation-direction",
+    "text-align",
+    "-webkit-text-align-last",
+    "-moz-text-align-last",
+    "-ms-text-align-last",
+    "text-align-last",
+    "vertical-align",
+    "white-space",
+    "text-decoration",
+    "text-emphasis",
+    "text-emphasis-color",
+    "text-emphasis-style",
+    "text-emphasis-position",
+    "text-indent",
+    "-ms-text-justify",
+    "text-justify",
+    "letter-spacing",
+    "word-spacing",
+    "-ms-writing-mode",
+    "text-outline",
+    "text-transform",
+    "text-wrap",
+    "text-overflow",
+    "-ms-text-overflow",
+    "text-overflow-ellipsis",
+    "text-overflow-mode",
+    "-ms-word-wrap",
+    "word-wrap",
+    "word-break",
+    "-ms-word-break",
+    "-moz-tab-size",
+    "-o-tab-size",
+    "tab-size",
+    "-webkit-hyphens",
+    "-moz-hyphens",
+    "hyphens",
+    "pointer-events"
+    "opacity",
+    "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+    "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
+    "-ms-interpolation-mode",
+    "color",
+    "border",
+    "border-width",
+    "border-style",
+    "border-color",
+    "border-top",
+    "border-top-width",
+    "border-top-style",
+    "border-top-color",
+    "border-right",
+    "border-right-width",
+    "border-right-style",
+    "border-right-color",
+    "border-bottom",
+    "border-bottom-width",
+    "border-bottom-style",
+    "border-bottom-color",
+    "border-left",
+    "border-left-width",
+    "border-left-style",
+    "border-left-color",
+    "-webkit-border-radius",
+    "-moz-border-radius",
+    "border-radius",
+    "-webkit-border-top-left-radius",
+    "-moz-border-radius-topleft",
+    "border-top-left-radius",
+    "-webkit-border-top-right-radius",
+    "-moz-border-radius-topright",
+    "border-top-right-radius",
+    "-webkit-border-bottom-right-radius",
+    "-moz-border-radius-bottomright",
+    "border-bottom-right-radius",
+    "-webkit-border-bottom-left-radius",
+    "-moz-border-radius-bottomleft",
+    "border-bottom-left-radius",
+    "-webkit-border-image",
+    "-moz-border-image",
+    "-o-border-image",
+    "border-image",
+    "-webkit-border-image-source",
+    "-moz-border-image-source",
+    "-o-border-image-source",
+    "border-image-source",
+    "-webkit-border-image-slice",
+    "-moz-border-image-slice",
+    "-o-border-image-slice",
+    "border-image-slice",
+    "-webkit-border-image-width",
+    "-moz-border-image-width",
+    "-o-border-image-width",
+    "border-image-width",
+    "-webkit-border-image-outset",
+    "-moz-border-image-outset",
+    "-o-border-image-outset",
+    "border-image-outset",
+    "-webkit-border-image-repeat",
+    "-moz-border-image-repeat",
+    "-o-border-image-repeat",
+    "border-image-repeat",
+    "outline",
+    "outline-width",
+    "outline-style",
+    "outline-color",
+    "outline-offset",
+    "background",
+    "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+    "background-color",
+    "background-image",
+    "background-repeat",
+    "background-attachment",
+    "background-position",
+    "background-position-x",
+    "-ms-background-position-x",
+    "background-position-y",
+    "-ms-background-position-y",
+    "-webkit-background-clip",
+    "-moz-background-clip",
+    "background-clip",
+    "background-origin",
+    "-webkit-background-size",
+    "-moz-background-size",
+    "-o-background-size",
+    "background-size",
+    "box-decoration-break",
+    "-webkit-box-shadow",
+    "-moz-box-shadow",
+    "box-shadow",
+    "filter:progid:DXImageTransform.Microsoft.gradient",
+    "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
+    "text-shadow"
+  ]
+}

data/.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

data/.gitignore

@@ -0,0 +1,5 @@
+*gem
+.DS_Store
+bower_components
+node_modules
+css

data/.npmignore

@@ -0,0 +1,4 @@
+bower.json
+Gemfile
+lib/
+mcgriddle.gemspec

data/Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gemspec

data/LICENSE

@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Jonathan Suh <hello@jonsuh.com> (jonsuh.com)
+
+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,197 @@
+# McGriddle
+
+McGriddle is a (mostly) get-out-of-your-way Sass library designed to help you build based a grid system. Set up your grid system…
+
+```scss
+$grid-width  : 64em;
+$grid-gutter : 1.875em;
+$grid-columns: 12;
+$grid-flexbox: false;
+```
+
+…and you’re ready to build.
+
+```html
+<section class="container">
+  <article class="article"></article>
+  <div class="sidebar"></div>
+</section>
+```
+
+```scss
+.container { @include container; }
+.article   { @include columns(8); }
+.sidebar   { @include columns(4, last); }
+```
+
+## Installation
+
+1. Install via [npm](https://www.npmjs.com/package/mcgriddle), yar or [Bower](http://bower.io).
+  ```
+  npm install mcgriddle
+
+  yarn add mcgriddle
+
+  bower install mcgriddle
+  ```
+
+  Also available as a [Ruby gem](https://rubygems.org/gems/mcgriddle) to use within your Rails application—see [below](#install-for-ruby-on-rails) for more information.
+
+  Or to manually install it, [download](https://github.com/jonsuh/mcgriddle/archive/master.zip) and unzip the source files. Then copy the files from the `_sass/mcgriddle` directory into your project.
+
+2. Import the `_mcgriddle.scss` file in your Sass manifest file:
+
+  ```scss
+  @import "mcgriddle";
+  ```
+
+### Install for Ruby on Rails
+
+1. Add McGriddle to your Gemfile.
+
+  ```
+  gem 'mcgriddle'
+  ```
+
+2. Run `bundle install`.
+3. Include McGriddle by using Sass’s native `@import`*
+
+  ```scss
+  // application.scss
+  @import "mcgriddle";
+  ```
+
+  \* [More information](https://blog.pivotal.io/pivotal-labs/labs/structure-your-sass-files-with-import) on why Sass’s native `@import` + why you should ditch Sprockets directives altogether.
+
+## Usage
+
+First, create a settings file (`_mcgriddle-settings.scss`) and import it _before_ importing McGriddle.
+
+```scss
+@import "mcgriddle-settings";
+@import "mcgriddle";
+```
+
+Then edit the settings file to customize/override default grid settings. The following is a list of default settings:
+
+```scss
+$grid-width   : 64em;
+$grid-gutter  : 1.875em;
+$grid-columns : 12;
+$grid-minor   : 1/3;
+$grid-flexbox : false;
+$grid-collapse: false;
+$grid-rtl     : false;
+```
+
+---
+
+### Read the [documentation](https://jonsuh.com/mcgriddle) for full list and explanation of settings, mixins and functions.
+
+---
+
+Features:
+
+1. [Containers](#container)
+2. [Columns](#columns)
+3. [Collapse gutters](#grid-collapse)
+4. [Flexbox support](#grid-flexbox)
+5. [Right-to-left support](#grid-rtl)
+
+#### `container()`
+
+You’ll need a container to wrap the columns in.
+
+```scss
+.container {
+  @include container;
+}
+
+// Container with no max width ($grid-width)
+.container--full {
+  @include container(false);
+}
+```
+
+#### `columns()`
+
+Then use `columns()` on an element to specify how many columns wide it should be.
+
+```scss
+.column {
+  @include columns(8);
+}
+
+.column-decimal {
+  @include columns(5.6);
+}
+
+// Last column
+.column-last {
+  @include columns(4, last);
+}
+
+// Centered column
+.column-center {
+  @include columns(8, center);
+}
+
+// Relative columns
+.column-4-9 {
+  @include columns(4 of 9);
+}
+.column-5-9 {
+  @include columns(5 of 9, last);
+}
+```
+
+Nest columns by wrapping nested columns in a container.
+
+```html
+<div class="container">
+  <div class="columns-9">
+    <div class="container">
+      <div class="columns-6"></div>
+      <div class="columns-6"></div>
+    </div>
+  </div>
+  <div class="columns-3"></div>
+</div>
+```
+
+Push an element however many columns with `shift()`.
+
+```scss
+// Shift a column over 2 columns
+.column {
+  @include columns(6);
+  @include shift(2);
+}
+```
+
+#### `$grid-collapse`
+
+Collapse gutters: `$grid-collapse: true`. (Default is `false`)
+
+```scss
+$grid-collapse: true;
+.container { @include container; }
+```
+
+#### `$grid-flexbox`
+
+Flexbox support (as opposed to floats): `$grid-flexbox: true`. (Default is `false`)
+
+```scss
+$grid-flexbox: true;
+.container { @include container; }
+```
+
+#### `$grid-rtl`
+
+Right-to-left support for RTL languages: `$grid-rtl: true`. (Default is `false`)
+
+```scss
+$grid-rtl: true;
+.container { @include container; }
+```