accoutrement 0.0.5 → 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 24bd5bad1dac14124a58c4f07a65183dfa3748ea
+  data.tar.gz: 85a3674dd24f6bfd15f63da21d9a2f39d6d3f98f
+SHA512:
+  metadata.gz: 5241b7e5451f72d4abc394b3de2cfee6e911b4599bfb97b9bdc55ca4e32f85d20b60ccdde0f6298411d39831d50028a9343a4f772d39e5196633e515e6bfae15
+  data.tar.gz: 44f990a7a31344d2f05382694a50ba046d3ec3a3ad6a1bb3360a4d82b5e0340174282d20a5c5c2aebbbe66f99ae8918ee0d4e4ac790a366e1d6888e30a3ee321

data/README.md

@@ -1,151 +1,13 @@
-# Accoutrement Etc.
+Accoutrement
+============
 
-These are just assorted functions and mixins I use on my projects.
-Maybe some of them will develop in to more legit Things,
-but for now thye are just normal things.
+Sass utilities and patterns for OddBird projects.
 
-If they are documented,
-that's merely an excercise in good code practice,
-and doesn't imply that they are useful.
-
-Some of these things are stolen and re-worked from other projects,
-notably [toolkit][] by [snugug][] and [canarymason][]
-who are very smart.
-
-[toolkit]: https://github.com/Snugug/toolkit
-[snugug]: https://github.com/Snugug/
-[canarymason]: https://github.com/canarymason/
-
-List of Things
---------------
-
-### A11y
-
-**Mixins:**
-- `gone()`
-
-**Silent Classes:**
-- `%alt-text`
-
-### Arrows
-
-**Settings:**
-- `$default-arrow-position       : top         !default;`
-- `$default-arrow-offset         : center      !default;`
-- `$default-arrow-size           : 1em         !default;`
-- `$default-arrow-color          : gray        !default;`
-- `$default-arrow-border-size    : null        !default;`
-- `$default-arrow-border-color   : null        !default;`
-
-**Mixins:**
-- `arrow-base()`
-- `arrow([$arrow, $border, $positioning])`
-
-### Background
-
-**Functions:**
-- `convert-gradient-angle($deg)`:
-- `convert-linear($angle, $details...)`:
-- `stripes($position, $colors)`
-- `get-palette($color [, $tints, $shades])`
-
-**Mixins:**
-- `gradient-background-image($gradient...)`:
-- `palette($color [, $tints, $shades])`
-
-### Color
-
-*The brightness and contrast functions are based on
-a [codepen demo][text-contrast] by Brendan Saunders.
-The idea of color-stacks comes from [toolkit][],
-though I've made some alterations to fit into my own process.*
-
-**Settings**:
-- `$contrasted-dark-default   : black                 !default;`
-- `$contrasted-light-default  : white                 !default;`
-- `$default-amounts           : 20% 40% 60% 70% 80%   !default;`
-- `$default-tints             : $default-amounts      !default;`
-- `$default-shades            : $default-amounts      !default;`
-
-**Functions:**
-- `brightness($color)`
-- `contrast($color [, $contrast])`
-- `color-stack($main, $second [, $amounts])`
-- `tint-stack($color [, $amounts])`
-- `shade-stack($color [, $amounts])`
-- `color($color [, $alpha, $tints, $shades])`
-
-[text-contrast]: http://codepen.io/bluesaunders/details/FCLaz
-
-### Math
-
-**Functions:**
-- `mod($dividend, $divisor)`
-
-### Media
-
-*These are also adapted from [toolkit][].*
-
-**Settings:**
-- `$default-fluid-width           : max-width 100%  !default;`
-- `$default-fluid-elements        : 'img, video'    !default;`
-- `$default-fluid-ratio           : 16/9            !default;`
-- `$default-fluid-ratio-width     : 100%            !default;`
-- `$default-fluid-ratio-children  : '*'             !default;`
-
-**Mixins:**
-- `fluid-media([$width, $elements])`
-- `fluid-ratio([$ratio, $width, $children])`
-
-### Pseudo-Elements
-
-**Mixins:**
-- `@include before($content)`
-- `@include after($content)`
-- `@include wrap-content($content)`
-
-### Rhythm
-
-**Functions:**
-- `px-to-rhythm($px [, $from, $round])`
-- `rhythm-image($image [, $from, $round])`
-
-### Sass Lists
-
-**Functions:**
-- `reverse($list)`
-- `remove-duplicates($list)`
-- `filter($list, $target)`
-
-### Tabs
-
-**Settings:**
-- `$default-checked-selector : ':checked'      !default;`
-- `$default-nested-selectors : null            !default;`
-- `$toggle-attribute         : id              !default;`
-- `$title-attribute          : for             !default;`
-- `$content-attribute        : class           !default;`
-
-**Mixins:**
-- `@include tab-defaults`
-- `@include tabs($slugs [, $nested, $checked])`
-
-**Silent Classes:**
-- `%hide-tab-toggle`
-- `%hide-tab-content`
-- `%show-tab-content`
-- `%active-tab-title`
-
-### Type
-
-**Settings:**
-- `$default-dropcap-size           : $base-font-size * 2   !default;`
-- `$default-dropcap-lines          : false                 !default;`
-- `$default-dropcap-padding        : null                  !default;`
-- `$default-dropcap-font-family    : null                  !default;`
-
-**Mixins:**
-- `dropcap([$size, $lines, $padding, $from-size]) { @content }`
+**WARNING:**
+Version 0.1.0 makes no attempt at backwards compatability.
+This project has been co-opted by OddBird for internal use,
+and will be maintained towards that end only.
+Don't upgrade unless you're willing to use new things in new ways.
 
 License
 -------
@@ -156,5 +18,4 @@ Original code licensed under MIT/GLPv2
 Open Source projects used within this project retain their original licenses.
 
 GPL license: http://www.gnu.org/licenses/gpl.html
-
-MIT license: http://www.opensource.org/licenses/mit-license.php
+MIT license: http://www.opensource.org/licenses/mit-license.php

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/lib/accoutrement.rb

@@ -1,3 +1,12 @@
-require 'compass'
-extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
-Compass::Frameworks.register('accoutrement', :path => extension_path)
+accoutrement_stylesheets_path = File.expand_path(File.join(File.dirname(__FILE__), '..', 'stylesheets'))
+begin
+  require 'compass'
+  Compass::Frameworks.register('accoutrement', :stylesheets_directory => accoutrement_stylesheets_path)
+rescue LoadError
+  # compass not found, register on the Sass path via the environment.
+  if ENV.has_key?("SASS_PATH")
+    ENV["SASS_PATH"] = ENV["SASS_PATH"] + File::PATH_SEPARATOR + accoutrement_stylesheets_path
+  else
+    ENV["SASS_PATH"] = accoutrement_stylesheets_path
+  end
+end

data/lib/compass-accoutrement.rb

@@ -0,0 +1 @@
+require 'accoutrement'

metadata

@@ -1,96 +1,84 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: accoutrement
-version: !ruby/object:Gem::Version 
-  hash: 21
-  prerelease: 
-  segments: 
-  - 0
-  - 0
-  - 5
-  version: 0.0.5
+version: !ruby/object:Gem::Version
+  version: 0.1.0
 platform: ruby
-authors: 
+authors:
 - Eric Meyer
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2013-02-14 00:00:00 Z
-dependencies: 
-- !ruby/object:Gem::Dependency 
-  name: compass
+date: 2013-09-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.3.0.rc.1
+  type: :runtime
   prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        hash: 43
-        segments: 
-        - 0
-        - 12
-        - 2
-        version: 0.12.2
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.3.0.rc.1
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.17
   type: :runtime
-  version_requirements: *id001
-description: Assorted Sass/Compass accoutrement & accessories
-email: eric@oddbird.net
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.17
+description: A library of Sass utilities and patterns for OddBird projects.
+email:
+- eric@oddbird.net
 executables: []
-
 extensions: []
-
-extra_rdoc_files: []
-
-files: 
+extra_rdoc_files:
 - README.md
 - lib/accoutrement.rb
-- stylesheets/_accoutrement.scss
-- stylesheets/accoutrement/_a11y.scss
-- stylesheets/accoutrement/_arrows.scss
-- stylesheets/accoutrement/_background.scss
-- stylesheets/accoutrement/_calc.scss
-- stylesheets/accoutrement/_color.scss
-- stylesheets/accoutrement/_flexbox.scss
-- stylesheets/accoutrement/_layout.scss
-- stylesheets/accoutrement/_math.scss
-- stylesheets/accoutrement/_media.scss
-- stylesheets/accoutrement/_pseudo-elements.scss
-- stylesheets/accoutrement/_rhythm.scss
-- stylesheets/accoutrement/_sass-lists.scss
-- stylesheets/accoutrement/_tabs.scss
-- stylesheets/accoutrement/_type.scss
-homepage: http://oddbird.net/
-licenses: []
-
+files:
+- lib/accoutrement.rb
+- lib/compass-accoutrement.rb
+- README.md
+- VERSION
+homepage: http://github.com/ericam/accoutrement/
+licenses:
+- MIT/GLPv2
+metadata: {}
 post_install_message: 
-rdoc_options: []
-
-require_paths: 
+rdoc_options:
+- --line-numbers
+- --inline-source
+- --title
+- accoutrement
+- --main
+- README.md
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
-  none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
-  none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+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: '1.2'
 requirements: []
-
-rubyforge_project: 
-rubygems_version: 1.8.24
+rubyforge_project: accoutrement
+rubygems_version: 2.1.10
 signing_key: 
 specification_version: 3
-summary: Assorted Sass/Compass accoutrement & accessories
+summary: Sass utilities and patterns.
 test_files: []
-

data/stylesheets/_accoutrement.scss

@@ -1,21 +0,0 @@
-// ----------------------------------------------------------------------------
-// Helpers
-
-@import 'accoutrement/math';
-@import 'accoutrement/sass-lists';
-@import 'accoutrement/a11y';
-@import 'accoutrement/rhythm';
-@import 'accoutrement/color';
-@import 'accoutrement/background';
-@import 'accoutrement/pseudo-elements';
-@import 'accoutrement/media';
-@import 'accoutrement/type';
-@import 'accoutrement/arrows';
-@import 'accoutrement/flexbox';
-@import 'accoutrement/layout';
-@import 'accoutrement/calc';
-
-// ----------------------------------------------------------------------------
-// Patterns
-
-@import 'accoutrement/tabs';

data/stylesheets/accoutrement/_a11y.scss

@@ -1,23 +0,0 @@
-// ----------------------------------------------------------------------------
-// gone/here
-
-@mixin gone {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-}
-
-// Bring back a previously "gone" element.
-//
-// here([$position])
-// - $position  : static | relative | etc...
-@mixin here($position: static) {
-  position: $position;
-  top: auto;
-  left: auto;
-}
-
-// ----------------------------------------------------------------------------
-// alt text
-
-%alt-text { @include gone; }

data/stylesheets/accoutrement/_arrows.scss

@@ -1,127 +0,0 @@
-// ----------------------------------------------------------------------------
-// Settings
-
-// Body defaults
-$default-arrow-position       : top         !default;
-$default-arrow-offset         : center      !default;
-$default-arrow-size           : 1em         !default;
-$default-arrow-color          : gray        !default;
-
-// Border defaults
-$default-arrow-border-size    : null        !default;
-$default-arrow-border-color   : null        !default;
-
-// ----------------------------------------------------------------------------
-// Mixins
-
-// Creates a pseudo-element, prepared for arrow-fication
-//
-// @include arrow-base()
-@mixin arrow-base {
-  content: " ";
-  position: absolute;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  pointer-events: none;
-}
-
-// Creates an arrow to your exact size/shape/location specifications
-//
-// @include arrow([$arrow, $border, $positioning])
-// $arrow         : Arrow body position, offset, size, and color.
-// $border        : Border size and color.
-// $positioning   : You have to position the host element, default is relative.
-@mixin arrow(
-  $arrow          : $default-arrow-position
-                    $default-arrow-offset
-                    $default-arrow-size
-                    $default-arrow-color,
-  $border         : $default-arrow-border-size
-                    $default-arrow-border-color,
-  $positioning    : relative
-) {
-  $has-border     : false;
-
-  $position       : $default-arrow-position;
-  $offset         : $default-arrow-offset;
-  $size           : $default-arrow-size;
-  $color          : $default-arrow-color;
-  $border-size    : $default-arrow-border-size;
-  $border-color   : $default-arrow-border-color;
-
-  $strings        : compact();
-  $numbers        : compact();
-
-  @each $val in $border {
-    @if type-of($val) == 'color' {
-      $border-color: $val;
-      $has-border: true;
-    } @else if type-of($val) == 'number' {
-      $border-size: $val;
-      $has-border: true;
-    }
-  }
-
-  $pseudo         : if($has-border, '&:before, &:after', '&:before');
-
-  @each $val in $arrow {
-    @if type-of($val) == 'color' { $color: $val; }
-    @else if type-of($val) == 'string' { $strings: append($strings, $val); }
-    @else if type-of($val) == 'number' { $numbers: append($numbers, $val); }
-  }
-
-  @if length($strings) > 0 {
-    $position: nth($strings,1);
-    @if length($strings) > 1 and nth($strings,2) { $offset: nth($strings,2); }
-  }
-
-  @if length($numbers) > 0 {
-    @if length($numbers) > 1 {
-      $offset: nth($numbers,1);
-      $size: nth($numbers,2);
-    } @else {
-      $size: nth($numbers,1);
-    }
-  }
-
-  $opposite: opposite-position($position);
-  $offset-position: if($position == left or $position == right, top, left);
-  @if $offset == 'bottom' or $offset == 'right' {
-    $offset-position: opposite-position($offset-position);
-  } @else if type-of($offset) == "number" {
-    @if $offset != abs($offset) {
-      $offset-position: opposite-position($offset-position);
-    };
-  }
-
-  position: $positioning;
-
-  #{$pseudo} {
-    @include arrow-base;
-    #{$opposite}: 100%;
-    border-#{$opposite}-color: $color;
-    border-width: $size;
-    @if $offset {
-      @if $offset == 'center' {
-        #{$offset-position}: 50%;
-        margin-#{$offset-position}: - $size;
-      } @else if type-of($offset) == 'string' {
-        #{$offset-position}: 0;
-      } @else {
-        #{$offset-position}: abs($offset);
-      }
-    }
-  }
-
-  @if $has-border {
-    $border-ratio: 1.5; // 1.41421356 square root of 2, rounded a bit
-    $border-full: $size + $border-size * $border-ratio;
-    &:before {
-      border-width: $border-full;
-      border-#{$opposite}-color: $border-color;
-      @if $offset == 'center' { margin-#{$offset-position}: - $border-full; }
-      @else { margin-#{$offset-position}: - $border-size * $border-ratio; }
-    }
-  }
-}