assets/stylesheets/settings/mixins/_balloon-tail.sass in middleman-oulu-0.6.18 vs assets/stylesheets/settings/mixins/_balloon-tail.sass in middleman-oulu-0.6.20
- old
+ new
@@ -16,13 +16,10 @@
// 矢印の向きが上下で 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)
@@ -31,13 +28,10 @@
//矢印の向きが上下で 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)
@@ -60,40 +54,40 @@
// 矢印の向きが上下
+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 が 一つだけ指定 上下方向 の場合
+ // manual なし、または 一つだけ指定 上下方向 の場合
left: 50%
- +rem('margin-left', $tail-width*-1)
+ +rem('margin-left', $tail-width/2*-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 が 一つだけ指定 上下方向 の場合
+ // 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-height: round($tail-height + $parent-boder-width*2)
$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))
+ +rem('margin-left', round($tail-width*-1))
@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)