RubyGems - condo_grids - Versions diffs - 1.0.1 - Mend

condo_grids 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

checksums.yaml +7 -0
data/.gitignore +11 -0
data/Gemfile +4 -0
data/LICENSE.txt +21 -0
data/README.md +18 -0
data/Rakefile +2 -0
data/bin/console +14 -0
data/bin/setup +8 -0
data/condo_grids.gemspec +24 -0
data/core/_condo.scss +10 -0
data/core/condo/_functions.scss +117 -0
data/core/condo/_mixins.scss +149 -0
data/core/condo/_variables.scss +22 -0
data/docs/assets/css/main.css +1 -0
data/docs/assets/images/favicon.png +0 -0
data/docs/assets/images/logo_full_compact.svg +1 -0
data/docs/assets/images/logo_full_inline.svg +1 -0
data/docs/assets/images/logo_light_compact.svg +1 -0
data/docs/assets/images/logo_light_inline.svg +1 -0
data/docs/assets/js/main.js +56 -0
data/docs/assets/js/main.min.js +1 -0
data/docs/assets/js/search.js +146 -0
data/docs/assets/js/sidebar.js +163 -0
data/docs/assets/js/vendor/fuse.min.js +20 -0
data/docs/assets/js/vendor/jquery.min.js +4 -0
data/docs/assets/js/vendor/prism.min.js +9 -0
data/docs/index.html +170 -0
data/lib/condo/generator.rb +81 -0
data/lib/condo/version.rb +3 -0
data/lib/condo_grids.rb +8 -0
data/package.json +23 -0
metadata +103 -0

data/docs/index.html ADDED Viewed

@@ -0,0 +1,170 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Condo - v1.0.1</title><link rel="stylesheet" href="assets/css/main.css"><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,500,700" rel="stylesheet" type="text/css"><meta name="viewport" content="width=device-width"><meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"><!-- Open Graph tags --><meta property="og:title" content="Condo - SassDoc"><meta property="og:type" content="website"><meta property="og:description" content="<p>A tiny, Sass grid library.</p>
+"><!-- Thanks to Sass-lang.com for the icons --><link href="assets/images/favicon.png" rel="shortcut icon"></head><body><aside class="sidebar" role="nav"><div class="sidebar__header"><h1 class="sidebar__title"><a href="https://github.com/kyleshevlin/Condo#readme">Condo - v1.0.1</a></h1></div><div class="sidebar__body"><button type="button" class="btn-toggle js-btn-toggle" data-alt="Open all">Close all</button><p class="sidebar__item sidebar__item--heading" data-slug="undefined"><a href="#undefined">General</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="undefined-function"><a href="#undefined-function">functions</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="gutter-width" data-type="function"><a href="#undefined-function-gutter-width">gutter-width</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="gutters" data-type="function"><a href="#undefined-function-gutters">gutters</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="layout" data-type="function"><a href="#undefined-function-layout">layout</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="raw-column-width" data-type="function"><a href="#undefined-function-raw-column-width">raw-column-width</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="span-math" data-type="function"><a href="#undefined-function-span-math">span-math</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="span" data-type="function"><a href="#undefined-function-span">span</a></li></ul><p class="sidebar__item sidebar__item--sub-heading" data-slug="undefined-mixin"><a href="#undefined-mixin">mixins</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="container" data-type="mixin"><a href="#undefined-mixin-container">container</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="last" data-type="mixin"><a href="#undefined-mixin-last">last</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="push" data-type="mixin"><a href="#undefined-mixin-push">push</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="span" data-type="mixin"><a href="#undefined-mixin-span">span</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="unlast" data-type="mixin"><a href="#undefined-mixin-unlast">unlast</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="unpush" data-type="mixin"><a href="#undefined-mixin-unpush">unpush</a></li><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="with-layout" data-type="mixin"><a href="#undefined-mixin-with-layout">with-layout</a></li></ul><p class="sidebar__item sidebar__item--sub-heading" data-slug="undefined-variable"><a href="#undefined-variable">variables</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="undefined" data-name="condo-defaults" data-type="variable"><a href="#undefined-variable-condo-defaults">condo-defaults</a></li></ul></div></div></aside><article class="main" role="main"><header class="header" role="banner"><div class="container"><div class="sassdoc__searchbar searchbar"><label for="js-search-input" class="visually-hidden">Search</label><div class="searchbar__form" id="js-search"><input name="search" type="search" class="searchbar__field" autocomplete="off" autofocus id="js-search-input" placeholder="Search"><ul class="searchbar__suggestions" id="js-search-suggestions"></ul></div></div></div></header><section class="main__section"><h1 class="main__heading" id="undefined"><div class="container">General</div></h1><section class="main__sub-section" id="undefined-function"><h2 class="main__heading--secondary"><div class="container">functions</div></h2><section class="main__item container item" id="undefined-function-gutter-width"><h3 class="item__heading"><span class="item__access">[private]</span> <a class="item__name" href="#function-gutter-width">gutter-width</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function gutter-width($gutters, $gutter-ratio) {
+  @if $gutters == 0 {
+    @return 0;
+  } @else {
+    @return 100 / $gutters * $gutter-ratio * 1%;
+  }
+ }" data-collapsed="@function gutter-width($gutters, $gutter-ratio) { ... }"><code>@function gutter-width($gutters, $gutter-ratio) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Return the gutter width for the current settings</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$gutters</code></th><td data-label="desc"><p>Number of gutters in grid, equivalent to number of columns generally</p></td><td data-label="type"><code>Integer</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$gutter-ratio</code></th><td data-label="desc"><p>Floating number representing the width of a gutter compared to the width of a column</p></td><td data-label="type"><code>Float</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Percentage</code> &mdash;<p>Width equivalent with gutters requested</p></div><h3 class="item__sub-heading">Used by</h3><ul class="list-unstyled"><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutters"><code>gutters</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span"><code>span</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-span"><code>span</code></a></li></ul></section><section class="main__item container item" id="undefined-function-gutters"><h3 class="item__heading"><a class="item__name" href="#function-gutters">gutters</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function gutters($gutters: 1) {
+  $layout: layout();
+  $gutter-ratio: map-get($layout, gutters);
+  $gutter-width: gutter-width(map-get($columns), $gutter-ratio);
+  @return $gutter-width * $gutters;
+ }" data-collapsed="@function gutters($gutters: 1) { ... }"><code>@function gutters($gutters: 1) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Use when a width equivalent to a gutter or multiple gutters is needed</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$gutters</code></th><td data-label="desc"><p>Number of gutter widths to return</p></td><td data-label="type"><code>Integer</code></td><td data-label="default"><code>1</code></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Percentage</code> &mdash;<p>Width equivalent to number of gutters requested</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutter-width"><code>gutter-width</code></a></li></ul></section><section class="main__item container item" id="undefined-function-layout"><h3 class="item__heading"><a class="item__name" href="#function-layout">layout</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function layout($map: $condo) {
+  @return map-merge($condo-defaults, $map);
+ }" data-collapsed="@function layout($map: $condo) { ... }"><code>@function layout($map: $condo) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Sets up the current layout, ensuring all $condo keys are mapped and have values</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$map</code></th><td data-label="desc"><p>Map to be merged into $condo-defaults</p></td><td data-label="type"><code>Map</code></td><td data-label="default"><code>$condo</code></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Map</code> &mdash;<p>Result of merging the supplied $map with $condo-defaults</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[variable]</span> <a href="#undefined-variable-condo-defaults"><code>condo-defaults</code></a></li></ul><h3 class="item__sub-heading">Used by</h3><ul class="list-unstyled"><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutters"><code>gutters</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-raw-column-width"><code>raw-column-width</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span"><code>span</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-container"><code>container</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-last"><code>last</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-push"><code>push</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-span"><code>span</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-unlast"><code>unlast</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-unpush"><code>unpush</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-with-layout"><code>with-layout</code></a></li></ul></section><section class="main__item container item" id="undefined-function-raw-column-width"><h3 class="item__heading"><span class="item__access">[private]</span> <a class="item__name" href="#function-raw-column-width">raw-column-width</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function raw-column-width($columns, $gutter-width) {
+  $layout: layout();
+  $gutter-position: map-get($layout, gutter-position);
+  @if $gutter-position == &#39;split&#39; {
+    @return 100% / $columns;
+  } @else {
+    @return (100% + $gutter-width) / $columns;
+  }
+ }" data-collapsed="@function raw-column-width($columns, $gutter-width) { ... }"><code>@function raw-column-width($columns, $gutter-width) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Return a column width measured as if there were no gutters</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$columns</code></th><td data-label="desc"><p>Number of columns in grid</p></td><td data-label="type"><code>Integer</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$gutter-width</code></th><td data-label="desc"><p>Width of one gutter</p></td><td data-label="type"><code>Percentage</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Percentage</code> &mdash;<p>Width equivalent with columns requested</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li></ul><h3 class="item__sub-heading">Used by</h3><ul class="list-unstyled"><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-span"><code>span</code></a></li></ul></section><section class="main__item container item" id="undefined-function-span-math"><h3 class="item__heading"><span class="item__access">[private]</span> <a class="item__name" href="#function-span-math">span-math</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function span-math($spans) {
+  $layout: layout();
+  $columns: map-get($layout, columns);
+  $gutters: $columns;
+  $gutter-position: map-get($layout, gutter-position);
+  $gutter-ratio: map-get($layout, gutters);
+  $gutter-width: gutter-width($gutters, $gutter-ratio);
+  $raw-column-width: raw-column-width($columns, $gutter-width);
+  $column-width: $raw-column-width - $gutter-width;
+  $width: null;
+  $margin-before: null;
+  $margin-after: null;
+  $width: ($raw-column-width * ($spans - 1)) + $column-width;
+  $margin-after: $gutter-width;
+  @if $gutter-position == &#39;split&#39; {
+    $margin-before: $gutter-width / 2;
+    $margin-after: $margin-before;
+  }
+  @return (
+    width: $width,
+    margin-before: $margin-before,
+    margin-after: $margin-after
+  );
+ }" data-collapsed="@function span-math($spans) { ... }"><code>@function span-math($spans) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Return the width and margins given the current settings</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$spans</code></th><td data-label="desc"><p>Number of column widths to return</p></td><td data-label="type"><code>Integer</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Map</code> &mdash;<p>Map with width and margin values</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutter-width"><code>gutter-width</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-raw-column-width"><code>raw-column-width</code></a></li></ul><h3 class="item__sub-heading">Used by</h3><ul class="list-unstyled"><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-push"><code>push</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-span"><code>span</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-unlast"><code>unlast</code></a></li><li><span class="item__cross-type">[mixin]</span> <a href="#undefined-mixin-unpush"><code>unpush</code></a></li></ul></section><section class="main__item container item" id="undefined-function-span"><h3 class="item__heading"><a class="item__name" href="#function-span">span</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@function span($spans: 1, $keyword: null) {
+  $layout: layout();
+  $columns: map-get($layout, columns);
+  $gutters: $columns;
+  $gutter-position: map-get($layout, gutter-position);
+  $gutter-ratio: map-get($layout, gutters);
+  $gutter-width: gutter-width($gutters, $gutter-ratio);
+  $raw-column-width: raw-column-width($columns, $gutter-width);
+  $column-width: $raw-column-width - $gutter-width;
+  $width: ($raw-column-width * ($spans - 1)) + $column-width;
+  @if $keyword == wide {
+    $width: $width + $gutter-width;
+  } @else if $keyword == wider {
+    $width: $width + ($gutter-width * 2);
+  }
+  @return $width;
+ }" data-collapsed="@function span($spans: 1, $keyword: null) { ... }"><code>@function span($spans: 1, $keyword: null) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Use when a width equivalent to the spans and keywords provided is needed</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$spans</code></th><td data-label="desc"><p>Number of column widths to return</p></td><td data-label="type"><code>Integer</code></td><td data-label="default"><code>1</code></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$keyword</code></th><td data-label="desc"><p>Options: wide, wider; Increases width by 1 or 2 gutter-widths respectively</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>null</code></td></tr></tbody></table><h3 class="item__sub-heading">Returns</h3><div class="item__description item__description--inline"><code>Percentage</code> &mdash;<p>Width equivalent to number of columns requested</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutter-width"><code>gutter-width</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-raw-column-width"><code>raw-column-width</code></a></li></ul></section></section><section class="main__sub-section" id="undefined-mixin"><h2 class="main__heading--secondary"><div class="container">mixins</div></h2><section class="main__item container item" id="undefined-mixin-container"><h3 class="item__heading"><a class="item__name" href="#mixin-container">container</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin container($max-width, $position: null) {
+  $layout: layout();
+  $container-position: map-get($layout, container-position);
+  @if $position {
+    $container-position: $position;
+  }
+  max-width: $max-width;
+  @if $container-position == center {
+    margin-left: auto;
+    margin-right: auto;
+  } @else if $container-position == left {
+    margin-left: 0;
+    margin-right: auto;
+  } @else if $container-position == right {
+    margin-left: auto;
+    margin-right: 0;
+  }
+  // Clearfix
+  &amp;::after {
+    clear: both;
+    content: &quot;&quot;;
+    display: table;
+  }
+ }" data-collapsed="@mixin container($max-width, $position: null) { ... }"><code>@mixin container($max-width, $position: null) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Set the max-width and margins for a container</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$max-width</code></th><td data-label="desc"><p>Any valid width value</p></td><td data-label="type"><code>Number</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$position</code></th><td data-label="desc"><p>Options: left, center, right; will set margins accordingly.</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>null</code></td></tr></tbody></table><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Sets a max-width, margin-left and margin-right to auto if container position is center, and clearfixes the container so you don&#39;t have to</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-last"><h3 class="item__heading"><a class="item__name" href="#mixin-last">last</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin last() {
+  $layout: layout();
+  $gutter-position: map-get($layout, gutter-position);
+  @if $gutter-position != &#39;split&#39; {
+    float: right;
+    margin-right: 0;
+  }
+ }" data-collapsed="@mixin last() { ... }"><code>@mixin last() { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Use to set float to right and remove right margin.</p></div><h3 class="item__sub-heading">Parameters</h3><p>None.</p><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Sets opposite float and removes margin right</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-push"><h3 class="item__heading"><a class="item__name" href="#mixin-push">push</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin push($columns) {
+  $layout: layout();
+  $gutter-position: map-get($layout, gutter-position);
+  $map: span-math($columns);
+  $width: map-get($map, width);
+  $margin-before: map-get($map, margin-before);
+  $margin-after: map-get($map, margin-after);
+  @if $gutter-position == &#39;split&#39; {
+    margin-left: ($margin-before * 2) + $width + $margin-after;
+  } @else {
+    margin-left: $width + $margin-after;
+  }
+ }" data-collapsed="@mixin push($columns) { ... }"><code>@mixin push($columns) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Increase margin-left in order to &quot;push&quot; block over a supplied number of spans.</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$columns</code></th><td data-label="desc"><p>Number of columns to push block over</p></td><td data-label="type"><code>Integer</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Sets margin-left so such a size as to &quot;push&quot; it the width of the columns specified</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-span"><h3 class="item__heading"><a class="item__name" href="#mixin-span">span</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin span($spans, $keyword: null) {
+  $layout: layout();
+  $gutter-position: map-get($layout, gutter-position);
+  $span-map: span-math($spans);
+  $width: map-get($span-map, width);
+  $gutter-width: gutter-width(map-get($layout, columns), map-get($layout, gutters));
+  @if $keyword == wide {
+    $width: $width + $gutter-width;
+  } @else if $keyword == wider {
+    $width: $width + ($gutter-width * 2);
+  }
+  float: left;
+  width: $width;
+  @if $gutter-position == &#39;split&#39; {
+    margin-left: map-get($span-map, margin-before);
+    margin-right: map-get($span-map, margin-after);
+  } @else {
+    margin-right: map-get($span-map, margin-after);
+  }
+ }" data-collapsed="@mixin span($spans, $keyword: null) { ... }"><code>@mixin span($spans, $keyword: null) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Set the float, width and margins for a block</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$spans</code></th><td data-label="desc"><p>Number of columns width should span</p></td><td data-label="type"><code>Integer</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$keyword</code></th><td data-label="desc"><p>Options are: wide, wider; Will add the width of one or two gutters respectively.</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>null</code></td></tr></tbody></table><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Sets float, width, and appropriate margins</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-gutter-width"><code>gutter-width</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-unlast"><h3 class="item__heading"><a class="item__name" href="#mixin-unlast">unlast</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin unlast() {
+  $layout: layout();
+  $map: span-math(map-get($layout, columns));
+  $margin-after: map-get($map, margin-after);
+  float: left;
+  margin-right: $margin-after;
+ }" data-collapsed="@mixin unlast() { ... }"><code>@mixin unlast() { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Use to reset settings after using the last mixin.</p></div><h3 class="item__sub-heading">Parameters</h3><p>None.</p><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Resets both float and margin-right to non-last position values</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-unpush"><h3 class="item__heading"><a class="item__name" href="#mixin-unpush">unpush</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin unpush() {
+  $layout: layout();
+  $map: span-math(map-get($layout, columns));
+  $margin-before: map-get($map, margin-before);
+  @if $margin-before {
+    margin-left: $margin-before;
+  } @else {
+    margin-left: 0;
+  }
+ }" data-collapsed="@mixin unpush() { ... }"><code>@mixin unpush() { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Use to reset settings after using the push mixin</p></div><h3 class="item__sub-heading">Parameters</h3><p>None.</p><h3 class="item__sub-heading">Output</h3><div class="item__description"><p>Resets margin-left on item</p></div><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-span-math"><code>span-math</code></a></li></ul></section><section class="main__item container item" id="undefined-mixin-with-layout"><h3 class="item__heading"><a class="item__name" href="#mixin-with-layout">with-layout</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin with-layout($map) {
+  $layout: layout();
+  $old: $layout;
+  $condo: map-merge($old, $map) !global;
+  @content;
+  $condo: $old !global;
+ }" data-collapsed="@mixin with-layout($map) { ... }"><code>@mixin with-layout($map) { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Temporarily use a different settings map</p></div><h3 class="item__sub-heading">Parameters</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">parameter</span>Name</th><th scope="col"><span class="visually-hidden">parameter</span>Description</th><th scope="col"><span class="visually-hidden">parameter</span>Type</th><th scope="col"><span class="visually-hidden">parameter</span>Default value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$map</code></th><td data-label="desc"><p>A map consisting of some or all $condo settings.</p></td><td data-label="type"><code>Map</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Content</h3><p>This mixin allows extra content to be passed (through the <code>@content</code> directive). Role: [Merges the $map with the $condo settings and uses this new map to do all Condo math within this content block. Restores the $condo settings after the block.]</p><h3 class="item__sub-heading">Requires</h3><ul class="list-unstyled"><li class="item__description item__description--inline"><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li></ul></section></section><section class="main__sub-section" id="undefined-variable"><h2 class="main__heading--secondary"><div class="container">variables</div></h2><section class="main__item container item" id="undefined-variable-condo-defaults"><h3 class="item__heading"><a class="item__name" href="#variable-condo-defaults">condo-defaults</a></h3><div class="item__code-wrapper"><pre class="item__code language-scss"><code>$condo-defaults: (
+  container: auto,
+  container-position: center,
+  columns: 4,
+  gutters: .25,
+  gutter-position: after
+);</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p>Default $condo settings</p></div><h3 class="item__sub-heading">Map structure</h3><table class="item__parameters"><thead><tr><th scope="col"><span class="visually-hidden">key</span>Name</th><th scope="col"><span class="visually-hidden">key</span>Description</th><th scope="col"><span class="visually-hidden">key</span>Type</th><th scope="col"><span class="visually-hidden">key</span>Value</th></tr></thead><tbody><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults</code></th><td data-label="desc">&mdash;<span class="visually-hidden">none</span></td><td data-label="type"><code>Map</code></td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults.container</code></th><td data-label="desc"><p>Can be any valid width value</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>auto</code></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults.container-position</code></th><td data-label="desc"><p>Options: left, center, right; Determines the position of the container.</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>center</code></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults.columns</code></th><td data-label="desc"><p>Number of columns to used for grid settings</p></td><td data-label="type"><code>Number</code></td><td data-label="default"><code>4</code></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults.gutters</code></th><td data-label="desc"><p>Percentage of a column that the width of a gutter will be</p></td><td data-label="type"><code>Float</code></td><td data-label="default"><code>.25</code></td></tr><tr class="item__parameter"><th scope="row" data-label="name"><code>$condo-defaults.gutter-position</code></th><td data-label="desc"><p>Options: after, split; Determines width and position of gutters.</p></td><td data-label="type"><code>String</code></td><td data-label="default"><code>after</code></td></tr></tbody></table><h3 class="item__sub-heading">Used by</h3><ul class="list-unstyled"><li><span class="item__cross-type">[function]</span> <a href="#undefined-function-layout"><code>layout</code></a></li></ul></section></section></section><footer class="footer" role="contentinfo"><div class="container"><div class="footer__project-info project-info"><!-- Name and URL --><a class="project-info__name" href="https://github.com/kyleshevlin/Condo#readme">Condo</a><!-- Version --> <span class="project-info__version">- v1.0.1</span><!-- License --> <span class="project-info__license">, under MIT</span></div><a class="footer__watermark" href="http://sassdoc.com"><img src="assets/images/logo_light_inline.svg" alt="SassDoc Logo"></a></div></footer></article><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script><script src="assets/js/main.min.js"></script></body></html>

data/lib/condo/generator.rb ADDED Viewed

@@ -0,0 +1,81 @@
+require 'condo/version'
+require 'fileutils'
+require 'thor'
+require 'pathname'
+module Condo
+  class Generator < Thor
+    map ["-v", "--version"] => :version
+    desc "install", "Install Condo into your project"
+    method_options :path => :string, :force => :boolean
+    def install
+      if condo_files_already_exist? && !options[:force]
+        puts "Condo files already installed, doing nothing."
+      else
+        install_files
+        puts "Condo files installed to #{install_path}/"
+      end
+    end
+    desc "update", "Update Condo"
+    method_options :path => :string
+    def update
+      if condo_files_already_exist?
+        remove_condo_directory
+        install_files
+        puts "Condo files updated."
+      else
+        puts "No existing condo installation. Doing nothing."
+      end
+    end
+    desc "version", "Show Condo version"
+    def version
+      say "Condo #{Condo::VERSION}"
+    end
+    private
+    def condo_files_already_exist?
+      install_path.exist?
+    end
+    def install_path
+      @install_path ||= if options[:path]
+          Pathname.new(File.join(options[:path], "condo"))
+        else
+          Pathname.new("condo")
+        end
+    end
+    def install_files
+      make_install_directory
+      copy_in_scss_files
+    end
+    def remove_condo_directory
+      FileUtils.rm_rf("condo")
+    end
+    def make_install_directory
+      FileUtils.mkdir_p(install_path)
+    end
+    def copy_in_scss_files
+      FileUtils.cp_r(all_stylesheets, install_path)
+    end
+    def all_stylesheets
+      Dir["#{stylesheets_directory}/*"]
+    end
+    def stylesheets_directory
+      File.join(top_level_directory, "core")
+    end
+    def top_level_directory
+      File.dirname(File.dirname(File.dirname(__FILE__)))
+    end
+  end
+end

data/lib/condo/version.rb ADDED Viewed

@@ -0,0 +1,3 @@
+module Condo
+  VERSION = "1.0.1"
+end

data/lib/condo_grids.rb ADDED Viewed

@@ -0,0 +1,8 @@
+require "condo/generator"
+condo_path = File.expand_path('../../core', __FILE__)
+ENV["SASS_PATH"] = [
+  ENV["SASS_PATH"],
+  condo_path
+].compact.join(File::PATH_SEPARATOR)

data/package.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "title": "Condo",
+  "name": "condo",
+  "version": "1.0.1",
+  "description": "A tiny, Sass grid library.",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/kyleshevlin/condo.git"
+  },
+  "keywords": [
+    "micro",
+    "tiny",
+    "grids",
+    "Sass",
+    "SCSS"
+  ],
+  "author": "Kyle Shevlin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/kyleshevlin/condo/issues"
+  },
+  "homepage": "https://github.com/kyleshevlin/condo#readme"
+}

metadata ADDED Viewed

@@ -0,0 +1,103 @@
+--- !ruby/object:Gem::Specification
+name: condo_grids
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- Kyle Shevlin
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2016-04-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Condo is a tiny, lightweight Sass grid library with no bells or whistles.
+  Enough to get the job done. Nothing more. Nothing less.
+email:
+- kyle.a.shevlin@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- condo_grids.gemspec
+- core/_condo.scss
+- core/condo/_functions.scss
+- core/condo/_mixins.scss
+- core/condo/_variables.scss
+- docs/assets/css/main.css
+- docs/assets/images/favicon.png
+- docs/assets/images/logo_full_compact.svg
+- docs/assets/images/logo_full_inline.svg
+- docs/assets/images/logo_light_compact.svg
+- docs/assets/images/logo_light_inline.svg
+- docs/assets/js/main.js
+- docs/assets/js/main.min.js
+- docs/assets/js/search.js
+- docs/assets/js/sidebar.js
+- docs/assets/js/vendor/fuse.min.js
+- docs/assets/js/vendor/jquery.min.js
+- docs/assets/js/vendor/prism.min.js
+- docs/index.html
+- lib/condo/generator.rb
+- lib/condo/version.rb
+- lib/condo_grids.rb
+- package.json
+homepage: https://github.com/kyleshevlin/condo
+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.4.8
+signing_key:
+specification_version: 4
+summary: A tiny Sass grid library.
+test_files: []