oulu-rails 0.5.37 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2ad074b951dbe92730dd2855d5eadc4ff5fee569
-  data.tar.gz: d888b3843a5b2fe5cd84e1405c2d8012414e86fd
+  metadata.gz: d64a5e5ca1eb103619588c2eb357884e4c59a2e5
+  data.tar.gz: 61165851b55de5dc902b8be8c4c074d6db0962e4
 SHA512:
-  metadata.gz: a8c28a7f8acadda48e63aeeeb4bbb2579de2f89a58c4f140bca5857c427d9cb1123c2770a9bd0a39394b420dbe3ee15b4b0a8c27fb921150002b7f181d7d7e78
-  data.tar.gz: 0ea81a8b5b50fb42a5e212feb40a6fc4e0715ba9862863b8286298a760dafca0f7d97e456864643f8b3495c475ddc9181832b89661740e913648de9206edf4c7
+  metadata.gz: 71bf70181f5b26cde4ac1c2e11d938d9e81330848c2140b651843ce4f85942ec4c06ea340c8769fea4534e9aeaa1b9e9bc45c52a603b96da8bf86be6968b9b6e
+  data.tar.gz: ecaf368b3a411b71edae2eb9cc957454d26f554b6d704d8b931a888a056d1457812f609f4d6aca39e1ceb34f3cbd77e21f103089453a7f92d98c7bade378edf3

data/lib/oulu-rails/version.rb

@@ -1,3 +1,3 @@
 module OuluRails
-  VERSION = "0.5.37"
+  VERSION = "0.6.0"
 end

data/lib/oulu-rails.rb

@@ -1,13 +1,9 @@
 require 'oulu-rails/version'
 require 'sass'
-require 'compass-rails'
-require 'rgbapng'
+require 'bourbon'
 
 module OuluRails
   class Engine < ::Rails::Engine
-    initializer 'oulu_rails', after: 'compass.initialize_rails' do
-      config.compass.require 'rgbapng'
-    end
   end
 end
 

data/vendor/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/vendor/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/vendor/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/vendor/assets/stylesheets/helper/_typoglaphy.sass

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

data/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/assets/stylesheets/settings/mixins/_block.sass

@@ -1,7 +1,7 @@
-=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))
@@ -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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/assets/stylesheets/settings/mixins/_link.sass

@@ -3,8 +3,17 @@
   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/vendor/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/vendor/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/vendor/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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: oulu-rails
 version: !ruby/object:Gem::Version
-  version: 0.5.37
+  version: 0.6.0
 platform: ruby
 authors:
 - machida
@@ -25,65 +25,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '5.0'
 - !ruby/object:Gem::Dependency
-  name: compass-rails
+  name: bourbon
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.0'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.0.0
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.0'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.0.0
-- !ruby/object:Gem::Dependency
-  name: compass-rgbapng
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.2'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.2.0
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.2'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 0.2.0
-- !ruby/object:Gem::Dependency
-  name: oily_png
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 1.1.0
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.1.0
+        version: '0'
 description: A mixin library for Sass.
 email:
 - machida@fjord.jp
@@ -265,13 +219,12 @@ files:
 - vendor/assets/stylesheets/settings/mixins/_balloon-tail.sass
 - vendor/assets/stylesheets/settings/mixins/_basic-font.sass
 - vendor/assets/stylesheets/settings/mixins/_block.sass
+- vendor/assets/stylesheets/settings/mixins/_border-radius.sass
 - vendor/assets/stylesheets/settings/mixins/_border.sass
-- vendor/assets/stylesheets/settings/mixins/_button.sass
 - vendor/assets/stylesheets/settings/mixins/_color.sass
 - vendor/assets/stylesheets/settings/mixins/_filters.sass
 - vendor/assets/stylesheets/settings/mixins/_form.sass
 - vendor/assets/stylesheets/settings/mixins/_grids.sass
-- vendor/assets/stylesheets/settings/mixins/_html5-input-types.scss
 - vendor/assets/stylesheets/settings/mixins/_ie-hacks.sass
 - vendor/assets/stylesheets/settings/mixins/_image.sass
 - vendor/assets/stylesheets/settings/mixins/_line.sass
@@ -281,11 +234,8 @@ files:
 - vendor/assets/stylesheets/settings/mixins/_overlay.sass
 - vendor/assets/stylesheets/settings/mixins/_positions.sass
 - vendor/assets/stylesheets/settings/mixins/_rem.sass
-- vendor/assets/stylesheets/settings/mixins/_reset.sass
 - vendor/assets/stylesheets/settings/mixins/_resets.sass
 - vendor/assets/stylesheets/settings/mixins/_responsive-utilities.sass
-- vendor/assets/stylesheets/settings/mixins/_sassmatic.sass
-- vendor/assets/stylesheets/settings/mixins/_sprite-background.sass
 - vendor/assets/stylesheets/settings/mixins/_table.sass
 - vendor/assets/stylesheets/settings/mixins/_text.sass
 - vendor/assets/stylesheets/settings/variables/_default.sass

data/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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