oulu-rails 0.5.27 → 0.5.29

data/vendor/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/vendor/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)*1.5
+      $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/vendor/assets/stylesheets/settings/mixins/{_grids.css.sass → _grids.sass}

@@ -1,3 +1,13 @@
+=micro-clearfix
+  &
+    *zoom: 1
+  &:before,
+  &:after
+    content: ""
+    display: table
+  &:after
+    clear: both
+
 // Extra small screen / phone
 //** Deprecated `$screen-xs-min` as of v3.2.0
 $screen-xs-min: $screen-xs !default
@@ -124,7 +134,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)
-    +pie-clearfix
+    +micro-clearfix
     // カラムをサイズごとに作る
     $break-points: ()
     @each $temp-break-point in $temp-break-points
@@ -133,7 +143,6 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
       $break-points: append($break-points, if($temp-break-point == 'md', $break-point-md-namespace, null))
       $break-points: append($break-points, if($temp-break-point == 'lg', $break-point-lg-namespace, null))
       $break-points: append($break-points, if($temp-break-point == 'xl', $break-point-xl-namespace, null))
-    content: $temp-columns-count
     @each $break-point in $break-points
       +break-points($break-point)
         @for $i from 1 through $temp-columns-count

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: oulu-rails
 version: !ruby/object:Gem::Version
-  version: 0.5.27
+  version: 0.5.29
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-05 00:00:00.000000000 Z
+date: 2015-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
@@ -134,8 +134,8 @@ files:
 - vendor/assets/javascripts/oulu/plugins/jquery.css3form.js
 - vendor/assets/javascripts/oulu/plugins/jquery.depend.min.js
 - vendor/assets/javascripts/oulu/plugins/sns-buttons.js
-- vendor/assets/stylesheets/_oulu-base.css.sass
-- vendor/assets/stylesheets/_oulu.css.sass
+- vendor/assets/stylesheets/_oulu-base.sass
+- vendor/assets/stylesheets/_oulu.sass
 - vendor/assets/stylesheets/bootcamp/CHANGELOG.md
 - vendor/assets/stylesheets/bootcamp/CONTRIBUTING.md
 - vendor/assets/stylesheets/bootcamp/Gruntfile.coffee
@@ -214,78 +214,78 @@ files:
 - vendor/assets/stylesheets/bootcamp/test/utils/_equal.scss
 - vendor/assets/stylesheets/bootcamp/test/utils/_list-join.scss
 - vendor/assets/stylesheets/bootcamp/test/utils/_power.scss
-- vendor/assets/stylesheets/helper/_base-helper.css.sass
-- vendor/assets/stylesheets/helper/_margin-padding.css.sass
-- vendor/assets/stylesheets/helper/_no-gutter-grids.css.sass
-- vendor/assets/stylesheets/helper/_typoglaphy.css.sass
-- vendor/assets/stylesheets/options/amazlet/_amazlet.css.sass
-- vendor/assets/stylesheets/options/glitch/_glitch.css.sass
-- vendor/assets/stylesheets/options/oulu-buttons/_button-basic.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_cousine.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_font-awsome.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_icomoon.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_lato.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_montserrat.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_old-standard.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_open-sans.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_podkova.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_pt-sans.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_roboto-condensed.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_roboto.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_satisfy.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_source-code-pro.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_special-elite.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_tauri.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_ubuntu-mono.css.sass
-- vendor/assets/stylesheets/options/web-fonts/_ubuntu.css.sass
-- vendor/assets/stylesheets/settings/functions/_animation.css.sass
-- vendor/assets/stylesheets/settings/functions/_background.css.sass
-- vendor/assets/stylesheets/settings/functions/_bool.css.sass
-- vendor/assets/stylesheets/settings/functions/_border.css.sass
-- vendor/assets/stylesheets/settings/functions/_color.css.sass
-- vendor/assets/stylesheets/settings/functions/_content.css.sass
-- vendor/assets/stylesheets/settings/functions/_cursor.css.sass
-- vendor/assets/stylesheets/settings/functions/_grid.css.sass
-- vendor/assets/stylesheets/settings/functions/_image.css.sass
-- vendor/assets/stylesheets/settings/functions/_length.css.sass
-- vendor/assets/stylesheets/settings/functions/_list.css.sass
-- vendor/assets/stylesheets/settings/functions/_map.css.sass
-- vendor/assets/stylesheets/settings/functions/_number.css.sass
-- vendor/assets/stylesheets/settings/functions/_position.css.sass
-- vendor/assets/stylesheets/settings/functions/_reverse.css.sass
-- vendor/assets/stylesheets/settings/functions/_string.css.sass
-- vendor/assets/stylesheets/settings/functions/_text.css.sass
-- vendor/assets/stylesheets/settings/initializers/_reset.css.sass
-- vendor/assets/stylesheets/settings/mixins/_animation.css.sass
-- vendor/assets/stylesheets/settings/mixins/_background.css.sass
-- vendor/assets/stylesheets/settings/mixins/_balloon-tale.css.sass
-- vendor/assets/stylesheets/settings/mixins/_basic-font.css.sass
-- vendor/assets/stylesheets/settings/mixins/_block.css.sass
-- vendor/assets/stylesheets/settings/mixins/_border.css.sass
-- vendor/assets/stylesheets/settings/mixins/_button.css.sass
-- vendor/assets/stylesheets/settings/mixins/_color.css.sass
-- vendor/assets/stylesheets/settings/mixins/_filters.css.sass
-- vendor/assets/stylesheets/settings/mixins/_form.css.sass
-- vendor/assets/stylesheets/settings/mixins/_grids.css.sass
+- vendor/assets/stylesheets/helper/_base-helper.sass
+- vendor/assets/stylesheets/helper/_margin-padding.sass
+- vendor/assets/stylesheets/helper/_no-gutter-grids.sass
+- vendor/assets/stylesheets/helper/_typoglaphy.sass
+- vendor/assets/stylesheets/options/amazlet/_amazlet.sass
+- vendor/assets/stylesheets/options/glitch/_glitch.sass
+- vendor/assets/stylesheets/options/oulu-buttons/_button-basic.sass
+- vendor/assets/stylesheets/options/web-fonts/_cousine.sass
+- vendor/assets/stylesheets/options/web-fonts/_font-awsome.sass
+- vendor/assets/stylesheets/options/web-fonts/_icomoon.sass
+- vendor/assets/stylesheets/options/web-fonts/_lato.sass
+- vendor/assets/stylesheets/options/web-fonts/_montserrat.sass
+- vendor/assets/stylesheets/options/web-fonts/_old-standard.sass
+- vendor/assets/stylesheets/options/web-fonts/_open-sans.sass
+- vendor/assets/stylesheets/options/web-fonts/_podkova.sass
+- vendor/assets/stylesheets/options/web-fonts/_pt-sans.sass
+- vendor/assets/stylesheets/options/web-fonts/_roboto-condensed.sass
+- vendor/assets/stylesheets/options/web-fonts/_roboto.sass
+- vendor/assets/stylesheets/options/web-fonts/_satisfy.sass
+- vendor/assets/stylesheets/options/web-fonts/_source-code-pro.sass
+- vendor/assets/stylesheets/options/web-fonts/_source-sans-pro.sass
+- vendor/assets/stylesheets/options/web-fonts/_special-elite.sass
+- vendor/assets/stylesheets/options/web-fonts/_tauri.sass
+- vendor/assets/stylesheets/options/web-fonts/_ubuntu-mono.sass
+- vendor/assets/stylesheets/options/web-fonts/_ubuntu.sass
+- vendor/assets/stylesheets/settings/functions/_animation.sass
+- vendor/assets/stylesheets/settings/functions/_background.sass
+- vendor/assets/stylesheets/settings/functions/_bool.sass
+- vendor/assets/stylesheets/settings/functions/_border.sass
+- vendor/assets/stylesheets/settings/functions/_color.sass
+- vendor/assets/stylesheets/settings/functions/_content.sass
+- vendor/assets/stylesheets/settings/functions/_cursor.sass
+- vendor/assets/stylesheets/settings/functions/_grid.sass
+- vendor/assets/stylesheets/settings/functions/_image.sass
+- vendor/assets/stylesheets/settings/functions/_length.sass
+- vendor/assets/stylesheets/settings/functions/_list.sass
+- vendor/assets/stylesheets/settings/functions/_map.sass
+- vendor/assets/stylesheets/settings/functions/_number.sass
+- vendor/assets/stylesheets/settings/functions/_position.sass
+- vendor/assets/stylesheets/settings/functions/_reverse.sass
+- vendor/assets/stylesheets/settings/functions/_string.sass
+- vendor/assets/stylesheets/settings/functions/_text.sass
+- vendor/assets/stylesheets/settings/initializers/_reset.sass
+- vendor/assets/stylesheets/settings/mixins/_animation.sass
+- vendor/assets/stylesheets/settings/mixins/_background.sass
+- 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.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.css.sass
-- vendor/assets/stylesheets/settings/mixins/_image.css.sass
-- vendor/assets/stylesheets/settings/mixins/_line.css.sass
-- vendor/assets/stylesheets/settings/mixins/_link.css.sass
-- vendor/assets/stylesheets/settings/mixins/_list.css.sass
-- vendor/assets/stylesheets/settings/mixins/_margin-padding.css.sass
-- vendor/assets/stylesheets/settings/mixins/_overlay.css.sass
-- vendor/assets/stylesheets/settings/mixins/_positions.css.sass
-- vendor/assets/stylesheets/settings/mixins/_rem.css.sass
-- vendor/assets/stylesheets/settings/mixins/_reset.css.sass
-- vendor/assets/stylesheets/settings/mixins/_resets.css.sass
-- vendor/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass
-- vendor/assets/stylesheets/settings/mixins/_sassmatic.css.sass
-- vendor/assets/stylesheets/settings/mixins/_sprite-background.css.sass
-- vendor/assets/stylesheets/settings/mixins/_table.css.sass
-- vendor/assets/stylesheets/settings/mixins/_text.css.sass
-- vendor/assets/stylesheets/settings/variables/_default.css.sass
+- vendor/assets/stylesheets/settings/mixins/_ie-hacks.sass
+- vendor/assets/stylesheets/settings/mixins/_image.sass
+- vendor/assets/stylesheets/settings/mixins/_line.sass
+- vendor/assets/stylesheets/settings/mixins/_link.sass
+- vendor/assets/stylesheets/settings/mixins/_list.sass
+- vendor/assets/stylesheets/settings/mixins/_margin-padding.sass
+- 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
 homepage: http://oulu.github.io/
 licenses: []
 metadata: {}

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