accoutrement 0.0.5 → 0.1.0

data/stylesheets/accoutrement/_layout.scss

@@ -1,24 +0,0 @@
-// ----------------------------------------------------------------------------
-// Layout Helpers
-
-// OOCSS LastUnit Helper
-//
-// lastunit()
-@mixin lastunit {
-  display: table-cell;
-  *display: block;
-  *zoom: 1;
-  float: none;
-  _position: relative;
-  _left: -3px;
-  _margin-right: -3px;
-  width: auto;
-  &:after {
-    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
-    visibility: hidden;
-    clear: both;
-    height: 0 !important;
-    display: block;
-    line-height: 0;
-  }
-}

data/stylesheets/accoutrement/_math.scss

@@ -1,14 +0,0 @@
-// ----------------------------------------------------------------------------
-// Math Functions
-
-// Return the modulo of two numbers.
-//
-// mod($dividend, $divisor)
-// - $dividend  : the sample size.
-// - $divisor   : the full count.
-@function mod(
-  $dividend,
-  $divisor
-) {
-  @return $dividend - (floor($dividend/$divisor)*$divisor);
-}

data/stylesheets/accoutrement/_media.scss

@@ -1,72 +0,0 @@
-// ----------------------------------------------------------------------------
-// Fluid Media
-
-// Default property-value pair for setting fluid width.
-$default-fluid-width    : max-width 100%  !default;
-
-// Default list of elements for the fluid-media mixin.
-$default-fluid-elements : 'img, video'    !default;
-
-// Create fluid images and video
-//
-// @include fluid-media([$width, $elements])
-// - $width     : Property-value pair for setting fluid width.
-// - $elements  : List of elements for the fluid-media mixin.
-@mixin fluid-media(
-  $width    : $default-fluid-width,
-  $elements : $default-fluid-elements
-) {
-  $property : max-width;
-  $value    : 100%;
-
-  @each $arg in $width {
-    @if type-of($arg) == 'string' { $property: $arg; }
-    @if type-of($arg) == 'number' { $value: $arg; }
-  }
-
-  #{$elements} {
-    #{$property}: $value;
-    height: auto;
-  }
-}
-
-// ----------------------------------------------------------------------------
-// Fluid Ratios
-
-// The default fluid ratio.
-$default-fluid-ratio          : 16/9          !default;
-
-// The default fluid ratio width.
-$default-fluid-ratio-width    : 100%          !default;
-
-// Child elements to keep within the ratio.
-$default-fluid-ratio-children : '*'           !default;
-
-// Force an element and its children to hold a fluid ratio
-//
-// @include fluid-ratio([$ratio, $width, $children])
-// - $ratio     : Ratio e.g. 16/9
-// - $width     : Fluid width
-// - $children  : Child elements to keep within the ratio
-@mixin fluid-ratio(
-  $ratio      : $default-fluid-ratio,
-  $width      : $default-fluid-ratio-width,
-  $children   : $default-fluid-ratio-children
-) {
-  position: relative;
-  height: 0;
-  padding-top: (1 / $ratio) * $width;
-  width: $width;
-
-  @if $children {
-    > #{$children} {
-      display: block;
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      top: 0;
-      margin: 0;
-      padding: 0;
-    }
-  }
-}

data/stylesheets/accoutrement/_pseudo-elements.scss

@@ -1,34 +0,0 @@
-// ----------------------------------------------------------------------------
-// Pseudo Elements
-
-// Add content before an element.
-//
-// @include before($content)
-// $content: The string to add before.
-@mixin before($content) {
-  &:before {
-    content: $content;
-    @content;
-  }
-}
-
-// Add content after an element.
-//
-// @include after($content)
-// $content: The string to add after.
-@mixin after($content) {
-  &:after {
-    content: $content;
-    @content;
-  }
-}
-
-// Wrap content before and after an element.
-//
-// @include wrap($content)
-// $content: The strings to add before and after.
-@mixin wrap-content($content: "“" "”") {
-  $content: if(length($content) < 2, $content $content, $content);
-  @include before(nth($content,1)) { @content; };
-  @include after(nth($content,2)) { @content; };
-}

data/stylesheets/accoutrement/_rhythm.scss

@@ -1,28 +0,0 @@
-// ---------------------------------------------------------------------------
-// Pixels and Rhythms
-
-// Returns the nearest half-rhythm value for a given pixel length
-//
-// px-to-rhythm($px [, $from, $round])
-// - $px    : The pixel value to convert.
-// - $from  : Optional context font-size.
-// - $round : Optional direction ["up" | "down"] to round the results.
-@function px-to-rhythm(
-  $px,
-  $from: $base-font-size,
-  $round: up
-) {
-  $rough: 2 * $px / $base-line-height;
-  $lines: if($round == down, floor($rough) / 2, ceil($rough) / 2);
-  @return rhythm($lines, $from);
-}
-
-// Returns the nearest half-rhythm value based on an images height
-//
-// rhythm-image($image [, $from, $round])
-// - $image   : The image whos height we will use.
-// - $from  : Optional context font-size.
-// - $round : Optional direction ["up" | "down"] to round the results.
-@function rhythm-image($image, $from: $base-font-size, $round: up) {
-  @return px-to-rhythm(image-height($image), $from, $round);
-}

data/stylesheets/accoutrement/_sass-lists.scss

@@ -1,40 +0,0 @@
-// ----------------------------------------------------------------------------
-// Sass List Controls
-
-// Return a list with items in reverse order.
-//
-// reverse($list)
-// - $list: The list to reverse.
-@function reverse($list) {
-  $l: length($list);
-  $reverse: compact();
-  @for $i from 0 to $l { $reverse: append($reverse,nth($list,$l - $i)); }
-  @return $reverse;
-}
-
-// Return a list with all duplicates removed
-//
-// remove-duplicates($list)
-// - $list: The list to clean up.
-@function remove-duplicates($list) {
-  $clean: compact();
-  @each $item in $list {
-    @if not index($clean, $item) { $clean: append($clean, $item) }
-  }
-  @return $clean;
-}
-
-// Return a list with specific items removed
-//
-// filter($list, $target)
-// - $list    : The list to filter.
-// - $target  : An item to be removed from the list.
-@function filter($list, $target) {
-  $clean: compact();
-  @if index($list, $target) {
-    @each $item in $list {
-      $clean: if($item == $target, $clean, append($clean, $item));
-    }
-  } @else { $clean: $list; }
-  @return $clean;
-}

data/stylesheets/accoutrement/_tabs.scss

@@ -1,157 +0,0 @@
-// ---------------------------------------------------------------------------
-// Imports
-
-@import "a11y";
-
-// ---------------------------------------------------------------------------
-// CSS Tabs and Accordion
-
-// Create tabs with pure css & html.
-//
-// # Markup (within a shared container):
-// 1. radio or checkbox inputs   : [id*="SLUG"]
-// 2. labels for those inpults   : [for*="SLUG"]
-// 3. content for each tab       : [class*="SLUG"];
-//
-// - The labels and content can be nested,
-//  as long as you pass that nesting information along to the `tabs` mixin.
-//  You can also change the default setting with `$default-nested-selectors`.
-// - You can also change the selector attributes with the
-//  `$toggle-attribute`, `$title-attribute`, & `$content-attribute` settings.
-// - By default, we use the ':checked' attribute to know what tabs are active.
-//  You can change that `$default-checked-selector` setting,
-//  or the `$checked` argument in the `tabs` mixin.
-//
-// # Styles
-// 1. hidden content             : %hide-tab-content { ... };
-// 2. visible content            : %show-tab-content { ... };
-// 3. active tab title           : %active-tab-title { ... };
-//
-// There are some very basic default styles that you can use to get started.
-// Simply `@include tab-defaults` and see it in action.
-//
-// # Tabs Example:
-//
-// section.mytabs
-//   input[type="radio"]#first-tab-toggle
-//   input[type="radio"]#second-tab-toggle
-//   input[type="radio"]#third-tab-toggle
-//
-//   label[for="first-tab-toggle"]
-//      "First Tab"
-//   label[for="second-tab-toggle"]
-//      "Second Tab"
-//   label[for="third-tab-toggle"]
-//      "Third Tab"
-//
-//   article.first
-//      "Content for the first tab"
-//   article.second
-//      "Content for the first tab"
-//   article.third
-//      "Content for the first tab"
-//
-// @include tab-defaults;
-// @include tabs(first second third);
-//
-// # Accordion Example
-//
-// section.accordion
-//   input[type="checkbox"]#first-toggle
-//   input[type="checkbox"]#second-toggle
-//   input[type="checkbox"]#third-toggle
-//
-//   article
-//    label[for="first-toggle"]
-//      "First Section"
-//    div.first
-//      "Content for the first section"
-//
-//   article
-//    label[for="second-toggle"]
-//      "Second Section"
-//    div.second
-//      "Content for the first section"
-//
-//   article
-//    label[for="third-toggle"]
-//      "Third Section"
-//    div.third
-//      "Content for the first section"
-//
-// @include tab-defaults;
-// @include tabs(first second third, article);
-
-// ---------------------------------------------------------------------------
-// Settings
-
-// We don't need the radio-inputs to display.
-%hide-tab-toggle { @include gone; }
-
-// The CSS3 `:checked` selector is not supported by IE7 and IE8.
-// For legacy support, use `[aria-checked="true"]` applied with JavaScrip.
-$default-checked-selector : ':checked'      !default;
-$default-nested-selectors : null            !default;
-
-// Change the attributes used for each selector.
-// These attributes need to be different,
-// since everything else is the same in the selectors.
-$toggle-attribute   : id      !default;
-$title-attribute    : for     !default;
-$content-attribute  : class   !default;
-
-// ---------------------------------------------------------------------------
-// Mixins
-
-// Default styles for the content and the tab titles
-//
-// @include tab-defaults
-// - %hide-tab-content: Applied to hidden tabs.
-// - %show-tab-content: Applied to visible tabs.
-// - %active-tab-title: Applied to the tab-title for the active tab.
-@mixin tab-defaults {
-  %hide-tab-content { display: none; }
-  %show-tab-content { display: block; }
-  %active-tab-title { font-weight: bold; }
-}
-
-// Create tabs for the given slugs
-//
-// @include make-tabs($slugs [, $nested, $checked])
-// - $slugs   : The slugs to use in tab selectors.
-// - $nested  : If the tabs or content are nested, add those selectors as well.
-//              - One selector will be used for both
-//              - Two selectors will be split: first tabs, then content
-//              - Use `null` to unset one e.g. '.tab-selector null'
-// - $checked : How we know when a toggle is checked e.g. ':checked'.
-@mixin tabs(
-  $slugs,
-  $nested: $default-nested-selectors,
-  $checked: $default-checked-selector
-) {
-  $nested-tabs: $nested;
-  $nested-content: $nested;
-  @if length($nested) > 1 {
-    $nested-tabs: nth($nested, 1);
-    $nested-content: nth($nested, 2);
-  }
-
-  @each $slug in $slugs {
-    $toggle   : '[#{$toggle-attribute}*="#{$slug}"]';
-    $title    : '[#{$title-attribute}*="#{$slug}"]';
-    $content  : '[#{$content-attribute}*="#{$slug}"]';
-
-    #{$content} { @extend %hide-tab-content; }
-    #{$toggle} {
-      @extend %hide-tab-toggle;
-      &#{$checked} {
-        & ~ #{$nested-tabs} #{$title} {
-          @extend %active-tab-title !optional;
-        }
-        & ~ #{$nested-content} #{$content} {
-          @extend %show-tab-content;
-        }
-      }
-    }
-  }
-}

data/stylesheets/accoutrement/_type.scss

@@ -1,41 +0,0 @@
-// ----------------------------------------------------------------------------
-// Typography
-
-// Default size of the dropcap (in px)
-$default-dropcap-size           : $base-font-size * 2   !default;
-
-// Default number of rhythm-lines for dropcap line-height
-$default-dropcap-lines          : false                 !default;
-
-// The default padding on a dropcap letter
-$default-dropcap-padding        : null                  !default;
-
-// The default font settings (null == inherit)
-$default-dropcap-font-family    : null                  !default;
-
-// Creates a dropcap using the :first-letter selector
-//
-// dropcap([$size, $lines, $padding, $from-size]) { @content }
-// - $size        : Optional font-size of your dropcap.
-// - $lines       : Optional lines of rhythm for the dropcap line-height.
-// - $padding     : Optional padding around the dropcap.
-// - $from-size   : Optional context font size, if using relative sizing.
-// - $font-family : Optional font-stack for the dropcap.
-// - @content     : Optionally override the default dropcap styles as needed.
-@mixin dropcap(
-  $size         : $default-dropcap-size,
-  $lines        : $default-dropcap-lines,
-  $padding      : $default-dropcap-padding,
-  $from-size    : $base-font-size,
-  $font-family  : $default-dropcap-font-family
-) {
-  $lines: if($lines, $lines, lines-for-font-size($size));
-  &:first-letter {
-    @include adjust-font-size-to($size,$lines,$from-size);
-    font-family: $font-family;
-    float: left;
-    padding: $padding;
-
-    @content;
-  }
-}