middleman-oulu 0.5.37 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4462f7fcc536ba8fdf3bc344c41f68fa9506577d
-  data.tar.gz: 30b6d1f9a407e8b8fb89e80d4024c97556c1f2e5
+  metadata.gz: 9a50714fad9bc2c113ce58e5d888c7679df03523
+  data.tar.gz: 6a11ac337b29d808b4e43dd1be85394bc3740ee3
 SHA512:
-  metadata.gz: 73171624542f991e72116125b64f2032e2dc0d8293bd63a750abc1c752c74e12e0227c88e8289e58b7b094ed83f35acc9dd89b3a31da9fb4ceb959e0efa8f41a
-  data.tar.gz: f0e1f52ad525d727f216020c13c92d4d9c932bfef3831e22bc7869e44656e9c759f8be7942e9e926a62171bab47c2b57f757d6a3475fcae70733848a8e597840
+  metadata.gz: c47d85f4ded944ae378f114f664a4c6fd3a8a794ff2ef3b4abeee24f1769a0a3128a6c34de3a3c90927b025a6307b12ae323cee40d940b6e5f0f5cc05ba5d588
+  data.tar.gz: dc038d938764da4a2f467e92d21ee4dada6c96c0632af1c93c05dcc8b5692b2b9d388a3958470a769fc61a67d9fb29e6a924e345045f36a923e9ff60980e08d3

data/README.md

@@ -4,23 +4,6 @@ Middleman プロジェクト用の oulu。
 
 ## Usage
 
-Middleman のプロジェクトでは次のように使用します。
-
-    $ middleman init PROJECT
-    $ cd PROJECT
-    $ vi Gemfile
-
-Gemfile の中に次の内容を追加します。
-
-    gem "middleman-oulu", :github => 'oulu/middleman-oulu'
-
-ファイルを保存してから `bundle` コマンドを使ってインストールします。
-
-    $ bundle install --path vendor/bundle
-
-これで Middleman の中から利用したいライブラリを呼び出すことができます。`source` 以下のファイルを編集したら Middleman を起動しましょう。
-
-    $ bundle exec middleman server
 
 ## Contributing
 

data/assets/stylesheets/_oulu-base.sass

@@ -2,22 +2,10 @@
 //settings
 //////////////
 
-// compass
+// bourbon
 ///////////////////
 
-@import compass/css3
-@import compass/typography/links
-@import compass/typography/lists
-@import compass/typography/text
-@import compass/utilities/general
-@import compass/utilities/sprites
-@import compass/utilities/tables
-
-// compass plugins
-///////////////////
-
-// compass-rgbapng https://github.com/aaronrussell/compass-rgbapng
-@import rgbapng
+@import bourbon
 
 // variables
 ///////////////////
@@ -53,6 +41,7 @@
 @import settings/mixins/block
 @import settings/mixins/link
 @import settings/mixins/border
+@import settings/mixins/border-radius
 @import settings/mixins/table
 @import settings/mixins/list
 @import settings/mixins/color
@@ -64,18 +53,9 @@
 @import settings/mixins/responsive-utilities
 @import settings/mixins/background
 @import settings/mixins/line
-@import settings/mixins/button
 @import settings/mixins/image
-@import settings/mixins/reset
-
-// http://sassmatic.com/
-// @import settings/mixins/sassmatic
-
-// sass3.3以上のみ使用可
-@import settings/mixins/html5-input-types
 
 // initializers
 ///////////////////
 
-@import compass/reset
 @import settings/initializers/reset

data/assets/stylesheets/helper/_base-helper.sass

@@ -84,12 +84,9 @@
   text-align: left
 
 // list
-.is-horizontal-list
-  +horizontal-list(0)
-
 .is-inline-blocks
   >*
-    +inline-block(bottom)
+    display: inline-block
 
 .is-nowrap
   white-space: nowrap

data/assets/stylesheets/helper/_margin-padding.sass

@@ -1,5 +1,5 @@
 body
-  @for $i from 0 through 16
+  @for $i from 0 through 20
     .is-margin-bottom-#{$i*4}
       +rem('margin-bottom', #{$i*4}px)
     .is-margin-top-#{$i*4}

data/assets/stylesheets/helper/_typoglaphy.sass

@@ -1,6 +1,6 @@
 // typoglaphy
 .is-ja
-  =basic-font
+  +basic-font
 .is-serif
   +serif
 .is-bold-ja

data/assets/stylesheets/options/glitch/_glitch.sass

@@ -12,7 +12,7 @@
 =glitch($cl: white, $bg-col: black)
   +relative
   overflow: hidden
-  +inline-block
+  display: inline-block
   color: $cl
   &:after,
   &:before
@@ -24,8 +24,8 @@
   &:after
     +absolute(left 1px, top 0)
     +text-shadow(-1px 0 0 rgba(red, 0.4))
-    +experimental('animation', noise-anim 2s infinite linear alternate-reverse)
+    +animation(noise-anim 2s infinite linear alternate-reverse)
   &:before
     +absolute(left -1px, top 0)
     +text-shadow(1px 0 0 rgba(blue, 0.4))
-    +experimental('animation', noise-anim-2 3s infinite linear alternate-reverse)
+    +animation(noise-anim-2 3s infinite linear alternate-reverse)

data/assets/stylesheets/options/oulu-buttons/_button-basic.sass

@@ -1,5 +1,5 @@
 =button-basic($bt-fz: 16px, $bt-ht: 30px, $bt-icon-pt: null)
-  +inline-block(bottom)
+  display: inline-block
   +text-block($bt-fz, $bt-ht)
   +rem('height', $bt-ht)
   +rem('padding-left', $bt-fz*.9)
@@ -15,7 +15,7 @@
       +rem('margin-right', $bt-fz/6)
 
 =icon-button-basic($bt-fz: 18px, $bt-ht: 30px)
-  +inline-block(bottom)
+  display: inline-block
   +text-block($bt-fz, $bt-ht)
   +rem('height', $bt-ht)
   +rem('width', $bt-fz*1.6)

data/assets/stylesheets/settings/initializers/_reset.sass

@@ -1,18 +1,51 @@
+// http://meyerweb.com/eric/tools/css/reset/
+// v2.0 | 20110126
+// License: none (public domain)
+
+=meyer-reset
+  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
+    margin: 0
+    padding: 0
+    border: 0
+    font-size: 100%
+    font: inherit
+    vertical-align: baseline
+  // HTML5 display-role reset for older browsers
+  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+    display: block
+body
+  line-height: 1
+ol, ul
+  list-style: none
+blockquote, q
+  quotes: none
+blockquote
+  &:before, &:after
+    content: ""
+    content: none
+q
+  &:before, &:after
+    content: ""
+    content: none
+table
+  border-collapse: collapse
+  border-spacing: 0
++meyer-reset
+
+// 以下、追加設定
+
 html
   font-size: 62.5%
   +basic-font
-  +experimental(backface-visibility, hidden)
+  +prefixer(backface-visibility, hidden, webkit moz spec)
 
 .mobile
   // 自動文字サイズ調整
-  +experimental(text-size-adjust, 100%)
+  +prefixer(text-size-adjust, 100%, webkit moz spec)
   // タップ時のハイライトカラー
-  +experimental(tap-highlight-color, rgba(0, 0, 0, 0))
-  // input以外はテキスト、画像の選択不可に
-  // *:not(input)
-    // +experimental(user-select, none)
+  +prefixer(tap-highlight-color, rgba(black, 0), webkit moz spec)
   // リンクの長時間タップでリンク内容をポップアップで表示させない場合
-  +experimental(touch-callout, none)
+  +prefixer(touch-callout, none, webkit moz spec)
 
 input,
 button,
@@ -25,7 +58,7 @@ textarea
   +basic-font
 
 button
-  -webkit-appearance: button
+  +appearance(button)
 
 img
   vertical-align: bottom
@@ -39,10 +72,6 @@ hr
 strong
   font-weight: bold
 
-.pie
-  zoom: 1
-  position: relative
-
 // form
 #{$all-button-inputs},
 button
@@ -67,7 +96,6 @@ input[type="file"]::-webkit-file-upload-button
   cursor: pointer !important
 
 // selection
-
 *::selection
   background: $selection-bg-color
   color: $selection-tx-color

data/assets/stylesheets/settings/mixins/_animation.sass

@@ -1,20 +1,3 @@
-=transition($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null, $value7: null, $value8: null, $value9: null, $value10: null)
-  $list: $value1 $value2 $value3 $value4 $value5 $value6 $value7 $value8 $value9 $value10
-  $transition-properties: ()
-  $transition-durations: ()
-  $transition-timing-functions: ()
-  $transition-delays: ()
-  @each $value in $list
-    @for $i from 1 through length($value)
-      $transition-properties: append($transition-properties, if(transition_property(nth($value, $i)), nth($value, $i), null), comma)
-      $transition-durations: append($transition-durations, if(transition_duration(nth($value, $i)), nth($value, $i), null), comma)
-      $transition-timing-functions: append($transition-timing-functions, if(transition_timing_function(nth($value, $i)), nth($value, $i), null), comma)
-      $transition-delays: append($transition-delays, if(transition_delay(nth($value, $i)), transition_delay(nth($value, $i)), null), comma)
-  +transition-property($transition-properties)
-  +transition_duration($transition-durations)
-  +transition_timing_function($transition-timing-functions)
-  +transition-delay($transition-delays)
-
 =animations($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null, $value7: null, $value8: null, $value9: null, $value10: null)
   $list: $value1 $value2 $value3 $value4 $value5 $value6 $value7 $value8 $value9 $value10
   $animation-names: ()

data/assets/stylesheets/settings/mixins/_background.sass

@@ -1,23 +1,3 @@
-// http://qiita.com/orangemittoo/items/1c9f32296836d3ea125e
-
-$sprites-images-directory: sprites !default
-$sprite-map: sprite-map("#{$sprites-images-directory}/*.png", $layout: smart)
-$map-img: sprite-url($sprite-map)
-
-=sprite-background($name, $background-size: null, $background-repeat: null)
-  // block;
-  background-image: $map-img
-  $pos: sprite-position($sprite-map, $name)
-  background-position: nth($pos, 1) / 2 nth($pos, 2) / 2
-  @if $background-size
-    +background-size($background-size)
-  @else
-    +background-size(ceil(image-width(sprite-path($sprite-map)) / 2) auto)
-  @if $background-repeat
-    background-repeat: $background-repeat
-  @else
-    background-repeat: no-repeat
-
 =bg-size($value)
   @if list($value)
     @if str-slice(nth($value, 1), 1, 1) == '/'

data/assets/stylesheets/settings/mixins/_block.sass

@@ -1,16 +1,16 @@
-=size($values)
+=block-size($values)
   @if equal_nth($values, 2)
-    +rem('height', nth($values, 1))
-    +rem('width', nth($values, 2))
+    +rem('width', nth($values, 1))
+    +rem('height', nth($values, 2))
   @else
     +rem('width', nth($values, 1))
     +rem('height', nth($values, 1))
 
 =center-block($values)
-  $block-height: optional_nth($values, 1)
-  $block-width: optional_nth($values, 2)
+  $block-width: optional_nth($values, 1)
+  $block-height: optional_nth($values, 2)
   $block-z-index: optional_nth($values, 3)
-  +size($block-height $block-width)
+  +block-size($block-width $block-height)
   +fixed(left 50%, top 50%, $block-z-index)
   +rem('margin-top', $block-height / 2 * -1)
   +rem('margin-left', $block-width / 2 * -1)
@@ -37,3 +37,16 @@
     over-flow-y: $over-flow-y
   @else
     over-flow: $over-flow-x
+
+=border-radius($values)
+  +prefixer(border-radius, $values, webkit moz spec)
+
+=inline-block($value: null)
+  display: inline-block
+  vertical-align: $value
+
+=background-size($values)
+  +prefixer(background-size, $values, webkit moz spec)
+
+=background-clip($value)
+  +prefixer(background-clip, $value, webkit moz spec)

data/assets/stylesheets/settings/mixins/_border-radius.sass

@@ -0,0 +1,45 @@
+// 使い方
+// +border-radius(vertical, 4px)
+
+=border-radius($value1: null, $value2: null)
+  @if number(nth($value1, 1))
+    +rem('border-radius', $value1)
+  @else
+    @for $i from 1 through length($value1)
+      @if nth($value1, $i) == 'all'
+        +rem('border-radius', $value2)
+      @else if vertical(nth($value1, $i))
+        +rem('border-top-radius', $value2)
+        +rem('border-bottom-radius', $value2)
+      @else if horizontal(nth($value1, $i))
+        +rem('border-left-radius', $value2)
+        +rem('border-right-radius', $value2)
+      @else if top(nth($value1, $i))
+        +rem('border-top-radius', $value2)
+      @else if bottom(nth($value1, $i))
+        +rem('border-bottom-radius', $value2)
+      @else if left(nth($value1, $i))
+        +rem('border-left-radius', $value2)
+      @else if right(nth($value1, $i))
+        +rem('border-right-radius', $value2)
+
+// 使い方
+// +reset-border-radius(vertical, 4px)
+=reset-border-radius($value: 'all')
+  @for $i from 1 through length($value1)
+    @if nth($value1, $i) == 'all'
+      border-radius: 0
+    @else if vertical(nth($value1, $i))
+      border-top-radius: 0
+      border-bottom-radius: 0
+    @else if horizontal(nth($value1, $i))
+      border-left-radius: 0
+      border-right-radius: 0
+    @else if top(nth($value1, $i))
+      border-top-radius: 0
+    @else if bottom(nth($value1, $i))
+      border-bottom-radius: 0
+    @else if left(nth($value1, $i))
+      border-left-radius: 0
+    @else if right(nth($value1, $i))
+      border-right-radius: 0

data/assets/stylesheets/settings/mixins/_color.sass

@@ -1,4 +1,4 @@
-// +ie-rgba(rgba(0, 0, 0, .4), white, background-color)
+// +ie-rgba(rgba(black, .4), white, background-color)
 =ie-rgba($foreground, $backdrop: white, $property: "background-color")
   @if $property == "background-color"
     +rgba-background($foreground)

data/assets/stylesheets/settings/mixins/_filters.sass

@@ -2,4 +2,4 @@
 // 例 +filter(sepia(100%) hue-rotate(33deg) contrast(69%) unquote("saturate(2)"))
 
 =filter($var)
-	+experimental('filter', $var)
+	+prefixer('filter', $var, webkit moz spec)

data/assets/stylesheets/settings/mixins/_form.sass

@@ -5,3 +5,6 @@
     @content
   &.placeholder
     @content
+
+$inputs-en-list: 'input[type="email"]', 'input[type="number"]', 'input[type="search"]', 'input[type="tel"]', 'input[type="url"]', 'input[type="color"]', 'input[type="date"]', 'input[type="datetime"]', 'input[type="datetime-local"]', 'input[type="time"]'
+$all-en-text-inputs: assign-inputs($inputs-en-list)

data/assets/stylesheets/settings/mixins/_grids.sass

@@ -85,9 +85,8 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
 #{$row-class-name}
   // カラムのマージン分だけ両サイドにネガティブマージンを取る
   +margin(horizontal, ($gutter-width / 2) * -1)
-  // clearfix
   +rem('min-height', 1px)
-  +pie-clearfix
+  +clearfix
 
 // カラムの基本設定
 =column($number, $columns-gutter-width: $gutter-width)
@@ -134,7 +133,7 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
   #{$grid-columns-row-class-name}
     // カラムのマージン分だけ両サイドにネガティブマージンを取る
     +margin(horizontal, ($columns-gutter-width / 2) * -1)
-    +micro-clearfix
+    +clearfix
     // カラムをサイズごとに作る
     $break-points: ()
     @each $temp-break-point in $temp-break-points

data/assets/stylesheets/settings/mixins/_image.sass

@@ -1,3 +1,5 @@
-=center-image
+=center-image($values: false)
   display: block
   +margin(horizontal, auto)
+  @if $values
+    +size($values)

data/assets/stylesheets/settings/mixins/_link.sass

@@ -1,10 +1,34 @@
+=link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false)
+  color: $normal
+  @if $visited
+    &:visited
+      color: $visited
+  @if $focus
+    &:focus
+      color: $focus
+  @if $hover
+    &:hover
+      color: $hover
+  @if $active
+    &:active
+      color: $active
+
 =block-link
   display: block
   text-decoration: none
 
 =inline-block-link($value: false)
-  +inline-block($value)
+  display: inline-block
+  text-decoration: none
+  vertical-align: $value
+
+=hover-link($modifire-class: null)
   text-decoration: none
+  &:hover,
+  &:active
+    text-decoration: underline
+  @if $modifire-class
+    #{$modifire-class}: underline
 
 =hover-link-reverse($modifire-class: null)
   text-decoration: underline

data/assets/stylesheets/settings/mixins/_rem.sass

@@ -16,8 +16,8 @@ $baseline-px: 10px !default
     @if $property == "font-size" and $px-values < 10px
       // 9px以下のfont-sizeを使う設定（IE8不可）
       +base-font-size
-      +scale3d(strip_unit($px-values / strip_unit($baseline-px)), strip_unit($px-values/ strip_unit($baseline-px)), 1)
-      +transform-origin(0, 0)
+      +transform(scale3d(strip_unit($px-values / strip_unit($baseline-px)) strip_unit($px-values/ strip_unit($baseline-px)) 1))
+      +transform-origin(0 0)
     @else
       // Convert the baseline into rems
       $baseline-rem: $baseline-px / 1rem

data/assets/stylesheets/settings/mixins/_resets.sass

@@ -1,40 +1,47 @@
+=reset-select
+  +appearance(none)
+  +border(none)
+  border: none
+  margin: 0
+  padding: 0
+  background: none transparent
+  vertical-align: middle
+  font-size: inherit
+  color: inherit
+  box-sizing: content-box
+  &:active,
+  &:focus
+    outline: none
+
 =reset-margin($directions: all)
-  @if $directions == 'all'
+  @if all($directions)
     margin: 0
-  @else if $directions == 'horizontal'
-    margin-left: 0
-    margin-right: 0
-  @else if $directions == 'vertical'
-    margin-top: 0
-    margin-bottom: 0
+  @else if horizontal($directions)
+    +margin(horizontal, 0)
+  @else if vertical($directions)
+    +margin(vertical, 0)
   @else
     @each $direction in $directions
-      @if $direction == 'horizontal'
-        margin-left: 0
-        margin-right: 0
-      @else if $direction == 'vertical'
-        margin-top: 0
-        margin-bottom: 0
+      @if horizontal($direction)
+        +margin(horizontal, 0)
+      @else if vertical($direction)
+        +margin(vertical, 0)
       @else
         margin-#{$direction}: 0
 
 =reset-padding($directions: all)
-  @if $directions == 'all'
+  @if all($directions)
     padding: 0
-  @else if $directions == 'horizontal'
-    padding-left: 0
-    padding-right: 0
-  @else if $directions == 'vertical'
-    padding-top: 0
-    padding-bottom: 0
+  @else if horizontal($directions)
+    +padding(horizontal, 0px)
+  @else if vertical($directions)
+    +padding(vertical, 0px)
   @else
     @each $direction in $directions
-      @if $direction == 'horizontal'
-        padding-left: 0
-        padding-right: 0
-      @else if $direction == 'vertical'
-        padding-top: 0
-        padding-bottom: 0
+      @if horizontal($direction)
+        +padding(horizontal, 0px)
+      @else if vertical($direction)
+        +padding(vertical, 0px)
       @else
         padding-#{$direction}: 0
 

data/assets/stylesheets/settings/variables/_default.sass

@@ -6,14 +6,6 @@ $all: top right bottom left !default
 $horizontal: left right !default
 $vertical: top bottom !default
 
-/////////////////
-// compass
-////////////////
-
-// rgbapng
-$rgbapng_path: 'rgbapngs' !default
-$rgbapng_px_size: 8 !default
-
 /////////////////
 // layout
 ////////////////
@@ -58,8 +50,6 @@ $gutter-width: 50px !default
 // font
 ////////////////
 
-$ms-base: 16px !default
-
 $fw: 400 !default
 
 $basic-sans-serif: "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif !default

data/lib/middleman-oulu/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module Oulu
-    VERSION = "0.5.37"
+    VERSION = "0.6.1"
   end
 end

data/lib/middleman-oulu.rb

@@ -1,8 +1,7 @@
 require "middleman-oulu/version"
-require 'compass'
+require 'bourbon'
 
 module Middleman
   module Oulu
-    require 'rgbapng'
   end
 end

data/middleman-oulu.gemspec

@@ -21,8 +21,6 @@ Gem::Specification.new do |spec|
   spec.add_runtime_dependency("bundler", "~> 1.3")
   spec.add_runtime_dependency("rake")
   spec.add_runtime_dependency("sass", "~> 3.4.5")
-  spec.add_runtime_dependency("compass", "~> 1.0.1")
-  spec.add_runtime_dependency("oily_png")
-  spec.add_runtime_dependency("compass-rgbapng")
+  spec.add_runtime_dependency("bourbon")
 
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: middleman-oulu
 version: !ruby/object:Gem::Version
-  version: 0.5.37
+  version: 0.6.1
 platform: ruby
 authors:
 - machida
@@ -53,35 +53,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 3.4.5
 - !ruby/object:Gem::Dependency
-  name: compass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 1.0.1
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 1.0.1
-- !ruby/object:Gem::Dependency
-  name: oily_png
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: compass-rgbapng
+  name: bourbon
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -198,13 +170,12 @@ files:
 - assets/stylesheets/settings/mixins/_balloon-tail.sass
 - assets/stylesheets/settings/mixins/_basic-font.sass
 - assets/stylesheets/settings/mixins/_block.sass
+- assets/stylesheets/settings/mixins/_border-radius.sass
 - assets/stylesheets/settings/mixins/_border.sass
-- assets/stylesheets/settings/mixins/_button.sass
 - assets/stylesheets/settings/mixins/_color.sass
 - assets/stylesheets/settings/mixins/_filters.sass
 - assets/stylesheets/settings/mixins/_form.sass
 - assets/stylesheets/settings/mixins/_grids.sass
-- assets/stylesheets/settings/mixins/_html5-input-types.scss
 - assets/stylesheets/settings/mixins/_ie-hacks.sass
 - assets/stylesheets/settings/mixins/_image.sass
 - assets/stylesheets/settings/mixins/_line.sass
@@ -214,11 +185,8 @@ files:
 - assets/stylesheets/settings/mixins/_overlay.sass
 - assets/stylesheets/settings/mixins/_positions.sass
 - assets/stylesheets/settings/mixins/_rem.sass
-- assets/stylesheets/settings/mixins/_reset.sass
 - assets/stylesheets/settings/mixins/_resets.sass
 - assets/stylesheets/settings/mixins/_responsive-utilities.sass
-- assets/stylesheets/settings/mixins/_sassmatic.sass
-- assets/stylesheets/settings/mixins/_sprite-background.sass
 - assets/stylesheets/settings/mixins/_table.sass
 - assets/stylesheets/settings/mixins/_text.sass
 - assets/stylesheets/settings/variables/_default.sass

data/assets/stylesheets/settings/mixins/_button.sass

@@ -1,27 +0,0 @@
-=button-base($font-size: 12px, $height: 30px, $font-weight: bold, $width: auto, $is-block: null, $is-center: null, $icon-font-size: 14px, $icon-position: null)
-  +rem('font-size', $font-size)
-  +rem('height', $height)
-  +rem('line-height', $height)
-  font-weight: $font-weight
-  +rem('width', $width)
-  text-decoration: none
-  +relative(1)
-  text-align: center
-  @if $is-block == "true"
-    display: block
-  @else
-    +inline-block
-  @if $is-center == "true"
-    +margin(horizontal, auto)
-  @if $icon-font-size
-    i
-      +text-block($icon-font-size, $height)
-      +rem('width', $height)
-      display: block
-      text-align: center
-    @if $icon-position == "left"
-      i
-        +absolute(left, 0, top, 0)
-    @else if $icon-position == "right"
-      i
-        +absolute(right, 0, top, 0)

data/assets/stylesheets/settings/mixins/_html5-input-types.scss

@@ -1,118 +0,0 @@
-// https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_assign.scss
-
-@function assign-inputs($inputs, $pseudo: null) {
-  $list : ();
-
-  @each $input in $inputs {
-    $input: unquote($input);
-    $input: if($pseudo, $input + ":" + $pseudo, $input);
-    $list: append($list, $input, comma);
-  }
-
-  @return $list;
-}
-
-//************************************************************************//
-// Generate a variable ($all-text-inputs) with a list of all html5
-// input types that have a text-based input, excluding textarea.
-// http://diveintohtml5.org/forms.html
-//************************************************************************//
-$inputs-list: 'input[type="email"]',
-              'input[type="number"]',
-              'input[type="password"]',
-              'input[type="search"]',
-              'input[type="tel"]',
-              'input[type="text"]',
-              'input[type="url"]',
-
-              // Webkit & Gecko may change the display of these in the future
-              'input[type="color"]',
-              'input[type="date"]',
-              'input[type="datetime"]',
-              'input[type="datetime-local"]',
-              'input[type="month"]',
-              'input[type="time"]',
-              'input[type="week"]';
-
-$inputs-en-list: 'input[type="email"]',
-                 'input[type="number"]',
-                 'input[type="search"]',
-                 'input[type="tel"]',
-                 'input[type="url"]',
-
-                 // Webkit & Gecko may change the display of these in the future
-                 'input[type="color"]',
-                 'input[type="date"]',
-                 'input[type="datetime"]',
-                 'input[type="datetime-local"]',
-                 'input[type="time"]';
-
-
-// Bare inputs
-//************************************************************************//
-$all-text-inputs: assign-inputs($inputs-list);
-
-// English inputs
-//************************************************************************//
-$all-en-text-inputs: assign-inputs($inputs-en-list);
-
-// Hover Pseudo-class
-//************************************************************************//
-$all-text-inputs-hover: assign-inputs($inputs-list, hover);
-
-// Focus Pseudo-class
-//************************************************************************//
-$all-text-inputs-focus: assign-inputs($inputs-list, focus);
-
-
-
-// You must use interpolation on the variable:
-// #{$all-text-inputs}
-// #{$all-text-inputs-hover}
-// #{$all-text-inputs-focus}
-
-// Example
-//************************************************************************//
-//   #{$all-text-inputs}, textarea {
-//     border: 1px solid red;
-//   }
-
-
-
-//************************************************************************//
-// Generate a variable ($all-button-inputs) with a list of all html5
-// input types that have a button-based input, excluding button.
-//************************************************************************//
-$inputs-button-list: 'input[type="button"]',
-                     'input[type="reset"]',
-                     'input[type="submit"]';
-
-// Bare inputs
-//************************************************************************//
-$all-button-inputs: assign-inputs($inputs-button-list);
-
-// Hover Pseudo-class
-//************************************************************************//
-$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
-
-// Focus Pseudo-class
-//************************************************************************//
-$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
-
-// Active Pseudo-class
-//************************************************************************//
-$all-button-inputs-active: assign-inputs($inputs-button-list, active);
-
-
-
-// You must use interpolation on the variable:
-// #{$all-button-inputs}
-// #{$all-button-inputs-hover}
-// #{$all-button-inputs-focus}
-// #{$all-button-inputs-active}
-
-// Example
-//************************************************************************//
-//   #{$all-button-inputs}, button {
-//     border: 1px solid red;
-//   }

data/assets/stylesheets/settings/mixins/_reset.sass

@@ -1,14 +0,0 @@
-=reset-select
-  +appearance(none)
-  +border(none)
-  border: none
-  margin: 0
-  padding: 0
-  background: none transparent
-  vertical-align: middle
-  font-size: inherit
-  color: inherit
-  box-sizing: content-box
-  &:active,
-  &:focus
-    outline: none

data/assets/stylesheets/settings/mixins/_sassmatic.sass

@@ -1,172 +0,0 @@
-// sassmatic by
-// # TEAM
-//   Hugo Darby-Brown -- Author -- @darbybrown
-// # THANKS
-//   The Sass Team
-//   The Compass Team
-//   Jesse taylor for JS on the demo @Jesse__Taylor
-
-=filter-setup
-  content: ""
-  +absolute(bottom 0, left 0, right 0, top 0, 4)
-  +opacity(.4)
-
-/* =========================================
- *Filter Washout
- *=========================================
-
-%filter-washout
-  +filter(sepia(10%) saturate(0.8) brightness(1.5) contrast(0.8))
-  position: relative
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 40%, rgba(white, 0.9) 100%))
-    +filter-setup
-
-/* =========================================
- *Filter Nikki
- *=========================================
-
-%filter-nikki
-  +filter(saturate(1.3) brightness(1.1) contrast(1.1))
-  position: relative
-
-/* =========================================
- *Filter Deadwood
- *=========================================
-
-%filter-deadwood
-  +filter(sepia(40%) brightness(1.4) saturate(0.8))
-  position: relative
-  &:after
-    background: black
-    +filter-setup
-
-/* =========================================
- *Filter SanFran
- *=========================================
-
-%filter-sanfran
-  +filter(brightness(1.2) contrast(0.8) saturate(2) sepia(0.1))
-  position: relative
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.5) 100%))
-    +filter-setup
-
-/* =========================================
- *Filter Noire
- *=========================================
-
-%filter-noire
-  +filter(grayscale(90%) contrast(1.3))
-  position: relative
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 82%, rgba(0, 0, 0, 0.69) 83%, rgba(0, 0, 0, 1) 90%))
-    +filter-setup
-    +opacity(.7)
-
-/* =========================================
- *Filter Neptune
- *=========================================
-
-%filter-neptune
-  +filter(brightness(1.4) contrast(1) saturate(1))
-  position: relative
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
-    +filter-setup
-
-/* =========================================
- *Filter Lomo
- *=========================================
-
-%filter-lomo
-  +filter(contrast(1.3) saturate(1.2) brightness(140%))
-  position: relative
-  &:after
-    +filter(radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 92%, rgba(0, 0, 0, 0.69) 93%, rgba(0, 0, 0, 1) 100%))
-    +filter-setup
-    +opacity(.9)
-
-/* =========================================
- *Filter Warming
- *=========================================
-
-%filter-warming
-  +filter(sepia(10%) saturate(0.9) brightness(140%))
-  position: relative
-  &:after
-    +rgba-background-inline(rgba(236, 138, 0, 0.2))
-    +filter-setup
-    +opacity(.6)
-
-/* =========================================
- *Filter Cooling
- *=========================================
-
-%filter-cooling
-  +filter(sepia(10%) saturate(0.9) brightness(140%))
-  position: relative
-  &:after
-    background-color: rgba(0, 109, 255, 0.35)
-    +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
-    +filter-setup
-
-/* =========================================
- *Filter Pro
- *=========================================
-
-%filter-pro
-  +filter(sepia(15%) contrast(1.7) saturate(0.7))
-  position: relative
-
-/* =========================================
- *Filter Casablanca
- *=========================================
-
-%filter-casablanca
-  +filter(grayscale(90%) contrast(0.8) brightness(110%))
-  position: relative
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.9) 100%))
-    +filter-setup
-
-/* =========================================
- *Filter Glassic
- *=========================================
-
-%filter-glassic
-  +filter(brightness(90%) contrast(1.2))
-  position: relative
-  &:after
-    +background-image(linear-gradient(left bottom, rgba(244, 244, 244, 0.3) 0%, rgba(244, 244, 244, 0.3) 60%, rgba(244, 244, 244, 0.7) 60%, rgba(255, 255, 255, 1) 100%))
-    +box-shadow( 0px 0px 10rem rgba(255, 255, 255, 1) inset)
-    +filter-setup
-    +opacity(.6)
-
-/* =========================================
- *Filter Custom
- *=========================================
-
-=filter-custom($var: none)
-  +filter($var)
-  position: relative
-  &:after
-    content: ""
-    +absolute(right 0, bottom 0, top 0, left 0, 4)
-
-/* =========================================
- *Filter Color
- *=========================================
-
-=filter-color($color: #df8800, $opacity: 0.4)
-  &:after
-    +rgba-background-inline(rgba($color, $opacity))
-
-/* =========================================
- *Filter Vignette
- *=========================================
-
-=filter-vignette($color: black, $start: 80%, $stop: 95%, $extra: 0)
-  &:after
-    +background-image(radial-gradient(center, ellipse cover, rgba($color, 0) $start, rgba($color, 0.9) $stop))
-    +box-shadow( 0 0 $extra rgba($color, 1) inset)

data/assets/stylesheets/settings/mixins/_sprite-background.sass

@@ -1,18 +0,0 @@
-// http://qiita.com/orangemittoo/items/1c9f32296836d3ea125e
-
-$sprite-map: sprite-map("sprites/*.png", $layout: smart)
-$map-img: sprite-url($sprite-map)
-
-=sprite-background($name, $background-size: null, $background-repeat: null)
-  // block;
-  background-image: $map-img
-  $pos: sprite-position($sprite-map, $name)
-  background-position: nth($pos, 1) / 2 nth($pos, 2) / 2
-  @if $background-size
-    +background-size($background-size)
-  @else
-    +background-size(ceil(image-width(sprite-path($sprite-map)) / 2) auto)
-  @if $background-repeat
-    background-repeat: $background-repeat
-  @else
-    background-repeat: no-repeat