middleman-oulu 0.5.28 → 0.5.30

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ded38690260810ee495c7b66647a8264b33fadda
-  data.tar.gz: 77f18bd93b0d16eaf335c9df2449052e1de7ef37
+  metadata.gz: fabe47017e160956a17a5c8dcbdb360f11ae1d7c
+  data.tar.gz: 03fe1edd4e4bc6554192d97515bd16129b079f45
 SHA512:
-  metadata.gz: 6ee6e00dd76d1e13aa198116d8f9c719c65d2cb4158714a1d3b4588b94cd5ad340a826f212ac1fee823b6a79e5dbc29748af9a95572bf6f3560a8094ddfbb87b
-  data.tar.gz: ae10fe9e1ca534a1a24de8e38842fd254fcf06045afdbd3b7f5f54c05eb56eb7ef5d99dcd7888c52e9940d2c89863fc4ebf9c6a07cdc5f5332c3cdcd468f7a16
+  metadata.gz: 8ba2f2ff88c89d6f56001a658cae0bf174e993ab62865548e7085936e2ea854684302b8c0484b381524212b5f0a7aa32dbb7db9b803a441fc271fbcfb77f0d8f
+  data.tar.gz: 0ca5ec3807bc677e805e929b98e83a4f5b5c074affc0f11bc5d471900a47f2362e9575c35a0c3b8e65379c2afdb41d037a47359a0ebe7760649605a92a8c63ef

data/assets/stylesheets/{_oulu-base.css.sass → _oulu-base.sass}

@@ -57,7 +57,7 @@
 @import settings/mixins/list
 @import settings/mixins/color
 @import settings/mixins/overlay
-@import settings/mixins/balloon-tale
+@import settings/mixins/balloon-tail
 @import settings/mixins/margin-padding
 @import settings/mixins/animation
 @import settings/mixins/grids

data/assets/stylesheets/options/web-fonts/_inconsolata.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Inconsolata:400,700)
+
+=inconsolata($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Inconsolata', monospace
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_vt323.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=VT323)
+
+=inconsolata($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'VT323', monospace
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/settings/mixins/_balloon-tail.sass

@@ -0,0 +1,106 @@
+=balloon-tail-setting($tail-direction: false, $tail-color: false)
+  position: absolute
+  content: ""
+  display: block
+  +border(all, solid transparent)
+  +border(reverse($tail-direction), $tail-color)
+
+=tail-border-setting($tail-direction, $tail-width, $tail-height)
+  +border(horizontal, if(position_vertical($tail-direction), $tail-width, $tail-height))
+  +border(vertical, if(position_vertical($tail-direction), $tail-height, $tail-width))
+  +rem($tail-direction, $tail-height*2*-1)
+
+=tail-position-manual($tail-direction: false, $tail-border-color: false, $parent-boder-width: false, $tail-position-manuals: false)
+  @each $key, $value in $tail-position-manuals
+    @if position_vertical($tail-direction) and position_horizontal($key)
+      // 矢印の向きが上下で manual が left or right の場合
+      +rem($key, $value + if($tail-border-color, $parent-boder-width, 0))
+    @else if position_horizontal($tail-direction) and position_vertical($key)
+      // 矢印の向きが左右で manual が top or bottom の場合
+      +rem($key, $value + if($tail-border-color, $parent-boder-width, 0))
+    @else if $tail-direction == $key
+      // 矢印の向きと manual で指定する方向が同じ場合
+      +rem($key, $value - $tail-height*2 - if($tail-border-color, 0, $parent-boder-width))
+    @else if reverse($tail-direction) == $key
+      // 上向き矢印 で manual が bottom の場合 or 下向き矢印 で manual が top の場合
+      +rem($key, $value - if($tail-border-color, 0, $parent-boder-width))
+
+=tail-border-position-manual($tail-direction: false, $tail-position-manuals: false)
+  @each $key, $value in $tail-position-manuals
+    @if position_vertical($tail-direction) and position_horizontal($key)
+      //矢印の向きが上下で  manual が left or right の場合
+      +rem($key, $value)
+    @else if position_horizontal($tail-direction) and position_vertical($key)
+      // 矢印の向きが左右で manual が top or bottom の場合
+      +rem($key, $value)
+    @else if $tail-direction == $key
+      // 矢印の向きと manual で指定する方向が同じ場合
+      +rem($key, $value - $tail-height*2)
+    @else if reverse($tail-direction) == $key
+      // 上向き矢印 で manual が bottom の場合 or 下向き矢印 で manual が top の場合
+      +rem($key, $value)
+
+// +balloon-tail(top red 12px 16px 1px, left 20px, blck)
+=balloon-tail($tail, $tail-position-manual: false, $tail-border-color: false)
+  // $tail
+  $tail-direction: optional_nth($tail, 1)
+  $tail-color: optional_nth($tail, 2)
+  $tail-width: optional_nth($tail, 3, 0)
+  $tail-height: optional_nth($tail, 4, 0)
+  $parent-boder-width: optional_nth($tail, 5, 0)
+  //$tail-position-manual
+  $tail-position-manual-direction1: optional_nth($tail-position-manual, 1)
+  $tail-position-manual-value1: optional_nth($tail-position-manual, 2)
+  $tail-position-manual-direction2: optional_nth($tail-position-manual, 3)
+  $tail-position-manual-value2: optional_nth($tail-position-manual, 4)
+  $tail-position-manuals: ($tail-position-manual-direction1: $tail-position-manual-value1, $tail-position-manual-direction2: $tail-position-manual-value2)
+  &:#{if($tail-border-color, after, before)}
+    +balloon-tail-setting($tail-direction, $tail-color)
+    @if position_vertical($tail-direction)
+      // 矢印の向きが上下
+      +border(vertical, $tail-height)
+      +border(horizontal, $tail-width/2)
+      +rem($tail-direction, $tail-height*2*-1 - if($tail-border-color, 0, $parent-boder-width))
+      @if not $tail-position-manual or (length($tail-position-manual) == 2 and position_vertical($tail-position-manual-direction1))
+        // manual が 一つだけ指定 上下方向 の場合
+        left: 50%
+        +rem('margin-left', $tail-width*-1)
+      @if $tail-position-manual
+        +tail-position-manual($tail-direction, $tail-border-color, $parent-boder-width, $tail-position-manuals)
+    @if position_horizontal($tail-direction)
+      // 矢印の向きが左右
+      +border(horizontal, $tail-height)
+      +border(vertical, $tail-width/2)
+      +rem($tail-direction, $tail-height*2*-1 - if($tail-border-color, 0, $parent-boder-width))
+      @if not $tail-position-manual or (length($tail-position-manual) == 2 and position_horizontal($tail-position-manual-direction1))
+        // manual が 一つだけ指定 上下方向 の場合
+        top: 50%
+        +rem('margin-top', ($tail-width/2)*-1)
+      @if $tail-position-manual
+        +tail-position-manual($tail-direction, $tail-border-color, $parent-boder-width, $tail-position-manuals)
+
+  @if $tail-border-color
+    // tail border があるとき - 以下 tail-border の設定
+    &:before
+      $tail-width: round($tail-width + $parent-boder-width*2)/2
+      $tail-height: round($tail-height + $parent-boder-width*4)
+      $tail-color: $tail-border-color
+      +balloon-tail-setting($tail-direction, $tail-color)
+      @if position_vertical($tail-direction)
+        // 矢印の向きが上下
+        +tail-border-setting($tail-direction, $tail-width, $tail-height)
+        @if not $tail-position-manual or (length($tail-position-manual) == 2 and position_vertical($tail-position-manual-direction1))
+          // manual なし もしくは 一つだけ指定 上下方向 の場合
+          left: 50%
+          +rem('margin-left', round($tail-width*-1.5))
+        @if $tail-position-manual
+          +tail-border-position-manual($tail-direction, $tail-position-manuals)
+      @if position_horizontal($tail-direction)
+        // 矢印の向きが左右
+        +tail-border-setting($tail-direction, $tail-width, $tail-height)
+        @if not $tail-position-manual or (length($tail-position-manual) == 2 and position_horizontal($tail-position-manual-direction1))
+          // manual なし もしくは 一つだけ指定 左右方向 の場合
+          top: 50%
+          +rem('margin-top', $tail-width*-1)
+        @if $tail-position-manual
+          +tail-border-position-manual($tail-direction, $tail-position-manuals)

data/lib/middleman-oulu/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module Oulu
-    VERSION = "0.5.28"
+    VERSION = "0.5.30"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-oulu
 version: !ruby/object:Gem::Version
-  version: 0.5.28
+  version: 0.5.30
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-08 00:00:00.000000000 Z
+date: 2015-01-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -145,80 +145,82 @@ files:
 - assets/javascripts/oulu/plugins/jquery.css3form.js
 - assets/javascripts/oulu/plugins/jquery.depend.min.js
 - assets/javascripts/oulu/plugins/sns-buttons.js
-- assets/stylesheets/_oulu-base.css.sass
-- assets/stylesheets/_oulu.css.sass
-- assets/stylesheets/helper/_base-helper.css.sass
-- assets/stylesheets/helper/_margin-padding.css.sass
-- assets/stylesheets/helper/_no-gutter-grids.css.sass
-- assets/stylesheets/helper/_typoglaphy.css.sass
-- assets/stylesheets/options/amazlet/_amazlet.css.sass
-- assets/stylesheets/options/glitch/_glitch.css.sass
-- assets/stylesheets/options/oulu-buttons/_button-basic.css.sass
-- assets/stylesheets/options/web-fonts/_cousine.css.sass
-- assets/stylesheets/options/web-fonts/_font-awsome.css.sass
-- assets/stylesheets/options/web-fonts/_icomoon.css.sass
-- assets/stylesheets/options/web-fonts/_lato.css.sass
-- assets/stylesheets/options/web-fonts/_montserrat.css.sass
-- assets/stylesheets/options/web-fonts/_old-standard.css.sass
-- assets/stylesheets/options/web-fonts/_open-sans.css.sass
-- assets/stylesheets/options/web-fonts/_podkova.css.sass
-- assets/stylesheets/options/web-fonts/_pt-sans.css.sass
-- assets/stylesheets/options/web-fonts/_roboto-condensed.css.sass
-- assets/stylesheets/options/web-fonts/_roboto.css.sass
-- assets/stylesheets/options/web-fonts/_satisfy.css.sass
-- assets/stylesheets/options/web-fonts/_source-code-pro.css.sass
-- assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass
-- assets/stylesheets/options/web-fonts/_special-elite.css.sass
-- assets/stylesheets/options/web-fonts/_tauri.css.sass
-- assets/stylesheets/options/web-fonts/_ubuntu-mono.css.sass
-- assets/stylesheets/options/web-fonts/_ubuntu.css.sass
-- assets/stylesheets/settings/functions/_animation.css.sass
-- assets/stylesheets/settings/functions/_background.css.sass
-- assets/stylesheets/settings/functions/_bool.css.sass
-- assets/stylesheets/settings/functions/_border.css.sass
-- assets/stylesheets/settings/functions/_color.css.sass
-- assets/stylesheets/settings/functions/_content.css.sass
-- assets/stylesheets/settings/functions/_cursor.css.sass
-- assets/stylesheets/settings/functions/_grid.css.sass
-- assets/stylesheets/settings/functions/_image.css.sass
-- assets/stylesheets/settings/functions/_length.css.sass
-- assets/stylesheets/settings/functions/_list.css.sass
-- assets/stylesheets/settings/functions/_map.css.sass
-- assets/stylesheets/settings/functions/_number.css.sass
-- assets/stylesheets/settings/functions/_position.css.sass
-- assets/stylesheets/settings/functions/_reverse.css.sass
-- assets/stylesheets/settings/functions/_string.css.sass
-- assets/stylesheets/settings/functions/_text.css.sass
-- assets/stylesheets/settings/initializers/_reset.css.sass
-- assets/stylesheets/settings/mixins/_animation.css.sass
-- assets/stylesheets/settings/mixins/_background.css.sass
-- assets/stylesheets/settings/mixins/_balloon-tale.css.sass
-- assets/stylesheets/settings/mixins/_basic-font.css.sass
-- assets/stylesheets/settings/mixins/_block.css.sass
-- assets/stylesheets/settings/mixins/_border.css.sass
-- assets/stylesheets/settings/mixins/_button.css.sass
-- assets/stylesheets/settings/mixins/_color.css.sass
-- assets/stylesheets/settings/mixins/_filters.css.sass
-- assets/stylesheets/settings/mixins/_form.css.sass
-- assets/stylesheets/settings/mixins/_grids.css.sass
+- assets/stylesheets/_oulu-base.sass
+- assets/stylesheets/_oulu.sass
+- assets/stylesheets/helper/_base-helper.sass
+- assets/stylesheets/helper/_margin-padding.sass
+- assets/stylesheets/helper/_no-gutter-grids.sass
+- assets/stylesheets/helper/_typoglaphy.sass
+- assets/stylesheets/options/amazlet/_amazlet.sass
+- assets/stylesheets/options/glitch/_glitch.sass
+- assets/stylesheets/options/oulu-buttons/_button-basic.sass
+- assets/stylesheets/options/web-fonts/_cousine.sass
+- assets/stylesheets/options/web-fonts/_font-awsome.sass
+- assets/stylesheets/options/web-fonts/_icomoon.sass
+- assets/stylesheets/options/web-fonts/_inconsolata.sass
+- assets/stylesheets/options/web-fonts/_lato.sass
+- assets/stylesheets/options/web-fonts/_montserrat.sass
+- assets/stylesheets/options/web-fonts/_old-standard.sass
+- assets/stylesheets/options/web-fonts/_open-sans.sass
+- assets/stylesheets/options/web-fonts/_podkova.sass
+- assets/stylesheets/options/web-fonts/_pt-sans.sass
+- assets/stylesheets/options/web-fonts/_roboto-condensed.sass
+- assets/stylesheets/options/web-fonts/_roboto.sass
+- assets/stylesheets/options/web-fonts/_satisfy.sass
+- assets/stylesheets/options/web-fonts/_source-code-pro.sass
+- assets/stylesheets/options/web-fonts/_source-sans-pro.sass
+- assets/stylesheets/options/web-fonts/_special-elite.sass
+- assets/stylesheets/options/web-fonts/_tauri.sass
+- assets/stylesheets/options/web-fonts/_ubuntu-mono.sass
+- assets/stylesheets/options/web-fonts/_ubuntu.sass
+- assets/stylesheets/options/web-fonts/_vt323.sass
+- assets/stylesheets/settings/functions/_animation.sass
+- assets/stylesheets/settings/functions/_background.sass
+- assets/stylesheets/settings/functions/_bool.sass
+- assets/stylesheets/settings/functions/_border.sass
+- assets/stylesheets/settings/functions/_color.sass
+- assets/stylesheets/settings/functions/_content.sass
+- assets/stylesheets/settings/functions/_cursor.sass
+- assets/stylesheets/settings/functions/_grid.sass
+- assets/stylesheets/settings/functions/_image.sass
+- assets/stylesheets/settings/functions/_length.sass
+- assets/stylesheets/settings/functions/_list.sass
+- assets/stylesheets/settings/functions/_map.sass
+- assets/stylesheets/settings/functions/_number.sass
+- assets/stylesheets/settings/functions/_position.sass
+- assets/stylesheets/settings/functions/_reverse.sass
+- assets/stylesheets/settings/functions/_string.sass
+- assets/stylesheets/settings/functions/_text.sass
+- assets/stylesheets/settings/initializers/_reset.sass
+- assets/stylesheets/settings/mixins/_animation.sass
+- assets/stylesheets/settings/mixins/_background.sass
+- 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.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.css.sass
-- assets/stylesheets/settings/mixins/_image.css.sass
-- assets/stylesheets/settings/mixins/_line.css.sass
-- assets/stylesheets/settings/mixins/_link.css.sass
-- assets/stylesheets/settings/mixins/_list.css.sass
-- assets/stylesheets/settings/mixins/_margin-padding.css.sass
-- assets/stylesheets/settings/mixins/_overlay.css.sass
-- assets/stylesheets/settings/mixins/_positions.css.sass
-- assets/stylesheets/settings/mixins/_rem.css.sass
-- assets/stylesheets/settings/mixins/_reset.css.sass
-- assets/stylesheets/settings/mixins/_resets.css.sass
-- assets/stylesheets/settings/mixins/_responsive-utilities.css.sass
-- assets/stylesheets/settings/mixins/_sassmatic.css.sass
-- assets/stylesheets/settings/mixins/_sprite-background.css.sass
-- assets/stylesheets/settings/mixins/_table.css.sass
-- assets/stylesheets/settings/mixins/_text.css.sass
-- assets/stylesheets/settings/variables/_default.css.sass
+- assets/stylesheets/settings/mixins/_ie-hacks.sass
+- assets/stylesheets/settings/mixins/_image.sass
+- assets/stylesheets/settings/mixins/_line.sass
+- assets/stylesheets/settings/mixins/_link.sass
+- assets/stylesheets/settings/mixins/_list.sass
+- assets/stylesheets/settings/mixins/_margin-padding.sass
+- 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
 - lib/middleman-oulu.rb
 - lib/middleman-oulu/version.rb
 - middleman-oulu.gemspec

data/assets/stylesheets/settings/mixins/_balloon-tale.css.sass

@@ -1,112 +0,0 @@
-// +balloon-tale(top red 12px 16px 1px, null, null)
-=balloon-tale($tale, $tale-position-manual: null, $tale-border: null)
-  // $tale
-  $tale-direction: optional_nth($tale, 1)
-  $tale-color: optional_nth($tale, 2)
-  $tale-width: optional_nth($tale, 3, 0)
-  $tale-height: optional_nth($tale, 4, 0)
-  $parent-boder-width: optional_nth($tale, 5, 0)
-  //$tale-position-manual
-  $tale-position-manual-direction1: optional_nth($tale-position-manual, 1)
-  $tale-position-manual-value1: optional_nth($tale-position-manual, 2)
-  $tale-position-manual-direction2: optional_nth($tale-position-manual, 3)
-  $tale-position-manual-value2: optional_nth($tale-position-manual, 4)
-  //$tale-border
-  $tale-border-color: optional_nth($tale-border, 1)
-  &:#{if($tale-border, after, before)}
-    position: absolute
-    content: ""
-    display: block
-    +border(all, solid transparent)
-    +border(horizontal, $tale-width)
-    +border(vertical, $tale-height)
-    +border(reverse($tale-direction), $tale-color)
-    @if position_vertical($tale-direction)
-      // 矢印の向きが上下
-      +rem($tale-direction, $tale-height*2*-1 - if($tale-border, 0, $parent-boder-width))
-      @if not $tale-position-manual or (length($tale-position-manual) == 2 and position_vertical($tale-position-manual-direction1))
-        // manual が 一つだけ指定 上下方向 の場合
-        left: 50%
-        +rem('margin-left', $tale-width*-1)
-      @if $tale-position-manual
-        $tale-position-manuals: ($tale-position-manual-direction1: $tale-position-manual-value1, $tale-position-manual-direction2: $tale-position-manual-value2)
-        @each $key, $value in $tale-position-manuals
-          @if position_horizontal($key)
-            // manual が left or right の場合
-            +rem($key, $value - if($tale-border, 0, $parent-boder-width))
-          @else if $tale-direction == $key
-            // 矢印の向きと manual で指定する方向が同じ場合
-            +rem($key, $value - $tale-height - if($tale-border, 0, $parent-boder-width))
-          @else if reverse($tale-direction) == $key
-            // 上向き矢印 で manual が bottom の場合 or 下向き矢印 で manual が top の場合
-            +rem($key, $value - if($tale-border, 0, $parent-boder-width))
-    @if position_horizontal($tale-direction)
-      // 矢印の向きが左右
-      +rem($tale-direction, $tale-width*2*-1 - if($tale-border, 0, $parent-boder-width))
-      @if not $tale-position-manual or (length($tale-position-manual) == 2 and position_horizontal($tale-position-manual-direction1))
-        // manual が 一つだけ指定 上下方向 の場合
-        top: 50%
-        +rem('margin-top', $tale-height*-1)
-      @if $tale-position-manual
-        $tale-position-manuals: ($tale-position-manual-direction1: $tale-position-manual-value1, $tale-position-manual-direction2: $tale-position-manual-value2)
-        @each $key, $value in $tale-position-manuals
-          @if position_vertical($key)
-            // manual が top or bottom の場合
-            +rem($key, $value)
-          @else if $tale-direction == $key
-            // 矢印の向きと manual で指定する方向が同じ場合
-            +rem($key, $value - $tale-width - if($tale-border, 0, $parent-boder-width))
-          @else if reverse($tale-direction) == $key
-            // 左向き矢印 で manual が right の場合 or 右向き矢印 で manual が left の場合
-            +rem($key, $value - if($tale-border, 0, $parent-boder-width))
-
-  @if $tale-border
-    // tale border があるとき - 以下 tale-border の設定
-    &:before
-      $tale-border-width: $tale-width + round($parent-boder-width*1.5)
-      $tale-border-height: $tale-height + round($parent-boder-width*1.5)
-      position: absolute
-      content: ""
-      display: block
-      +border(all, solid transparent)
-      +border(horizontal, $tale-border-width)
-      +border(vertical, $tale-border-height)
-      +border(reverse($tale-direction), $tale-border-color)
-      @if position_vertical($tale-direction)
-        // 矢印の向きが上下
-        +rem($tale-direction, $tale-border-height*2*-1)
-        @if not $tale-position-manual or (length($tale-position-manual) == 2 and position_vertical($tale-position-manual-direction1))
-          // manual なし もしくは 一つだけ指定 上下方向 の場合
-          left: 50%
-          +rem('margin-left', $tale-border-width*-1)
-        @if $tale-position-manual
-          $tale-position-manuals: ($tale-position-manual-direction1: $tale-position-manual-value1, $tale-position-manual-direction2: $tale-position-manual-value2)
-          @each $key, $value in $tale-position-manuals
-            @if position_horizontal($key)
-              // manual が left or right の場合
-              +rem($key, $value - $parent-boder-width*1.5)
-            @else if $tale-direction == $key
-              // 矢印の向きと manual で指定する方向が同じ場合
-              +rem($key, $value - $tale-height - $parent-boder-width*3)
-            @else if reverse($tale-direction) == $key
-              // 上向き矢印 で manual が bottom の場合 or 下向き矢印 で manual が top の場合
-              +rem($key, $value)
-      @if position_horizontal($tale-direction)
-        // 矢印の向きが左右
-        +rem($tale-direction, $tale-border-width*2*-1)
-        @if not $tale-position-manual or (length($tale-position-manual) == 2 and position_horizontal($tale-position-manual-direction1))
-          // manual なし もしくは 一つだけ指定 左右方向 の場合
-          top: 50%
-          +rem('margin-top', $tale-border-height*-1)
-        @if $tale-position-manual
-          $tale-position-manuals: ($tale-position-manual-direction1: $tale-position-manual-value1, $tale-position-manual-direction2: $tale-position-manual-value2)
-          @each $key, $value in $tale-position-manuals
-            @if position_vertical($key)
-              // manual が top or bottom の場合
-              +rem($key, $value - $parent-boder-width*1.5)
-            @else if $tale-direction == $key
-              // 矢印の向きと manual で指定する方向が同じ場合
-              +rem($key, $value - $tale-width - $parent-boder-width*3)
-            @else if reverse($tale-direction) == $key
-              // 左向き矢印 で manual が right の場合 or 右向き矢印 で manual が left の場合
-              +rem($key, $value)