middleman-oulu 0.5.10

data/assets/stylesheets/settings/functions/_border.css.sass

@@ -0,0 +1,45 @@
+@function border_color($value)
+  @if optional_color_list($value)
+    @return true
+  @else
+    @return null
+
+@function border_width($value)
+  @if number($value)
+    @return true
+  @else if $value == 'thin' or $value == 'medium' or $value == 'thick'
+    @return true
+  @else if list($value)
+    @each $assign in $value
+      @if $assign == 'thin' or $assign == 'medium' or $assign == 'thick'
+        @return true
+      @else if number($assign)
+        @return true
+      @else
+        @return null
+  @else
+    @return null
+
+@function border_style($value)
+  @if $value == 'none' or $value == 'hidden' or $value == 'solid' or $value == 'double' or $value == 'groove' or $value == 'ridge' or $value == 'inset' or $value == 'outset' or $value == 'dashed' or $value == 'dotted'
+    @return true
+  @else if list($value)
+    @each $assign in $value
+      @if $value == 'none' or $value == 'hidden' or $value == 'solid' or $value == 'double' or $value == 'groove' or $value == 'ridge' or $value == 'inset' or $value == 'outset' or $value == 'dashed' or $value == 'dotted'
+        @return true
+      @else
+        @return null
+  @else
+    @return null
+
+@function border_position($value)
+  @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
+    @return true
+  @else if list($value)
+    @each $assign in $value
+      @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
+        @return true
+      @else
+        @return null
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_color.css.sass

@@ -0,0 +1,83 @@
+@function color($value)
+  @if type-of($value) == color
+    @return true
+  @else
+    @return null
+
+@function color_list($values)
+  @if list($values)
+    @each $value in $values
+      @if color($value)
+        @return true
+      @else
+        @return null
+  @else
+    @return null
+
+@function optional_color_list($values)
+  @if color($values)
+    @return true
+  @else if color_list($values)
+    @return true
+  @else
+    @return null
+
+@function luma($color)
+  // Adapted from: https://gist.github.com/voxpelli/6304812
+  $rgba: red($color), green($color), blue($color)
+  $rgba2: ()
+  @for $i from 1 through 3
+    $rgb: nth($rgba, $i)
+    $rgb: $rgb / 255
+    $rgb: if($rgb < 0.03928, $rgb / 12.92, pow(($rgb + 0.055) / 1.055, 2.4))
+    $rgba2: append($rgba2, $rgb)
+  @return (0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3)) * 100
+
+$ruma-threshold: 100 / pi() !default
+
+@function luma_contrast($color-1, $color-2: null)
+  @if $color-2
+    @if abs(luma($color-1) - luma($color-2)) > $ruma-threshold
+      @return true
+    @else
+      @return null
+  @else
+    @return if(luma($color-1) < 51, dark, bright)
+
+@function luma_value($color-1, $color-2: null)
+  @if $color-2
+    @return abs(luma($color-1) - luma($color-2))
+  @else
+    @return luma($color-1)
+
+@function luma_which($color)
+  @return if(luma($color-1) < 51, dark, bright)
+
+@function luma_bright($color)
+  @if luma($color) < 51
+    @return null
+  @else
+    @return true
+
+@function luma_dark($color)
+  @if luma($color) < 51
+    @return true
+  @else
+    @return null
+
+@function luma_contrast_color($color)
+  $luma-contrast-bright-color: #000000 !default
+  $luma-contrast-dark-color: #ffffff !default
+  @if luma_which($color) == bright
+    @return $luma-contrast-bright-color
+  @else
+    @return $luma-contrast-dark-color
+
+@function luma_add_contrast($background-color, $candidate-color)
+  @if luma_contrast($background-color, $candidate-color)
+    @return $candidate-color
+  @else
+    @if luma_dark($background-color)
+      @return tint($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)
+    @else
+      @return shade($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)

data/assets/stylesheets/settings/functions/_content.css.sass

@@ -0,0 +1,5 @@
+@function content($value)
+  @if $value == 'after' or $value == 'before'
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_cursor.css.sass

@@ -0,0 +1,5 @@
+@function cursor($value)
+  @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_image.css.sass

@@ -0,0 +1,8 @@
+@function image($value)
+  @if string($value)
+    @if number(str-index(to-lower-case($value), '.jpg')) or number(str-index(to-lower-case($value), '.jpeg')) or number(str-index(to-lower-case($value), '.gif')) or number(str-index(to-lower-case($value), '.png')) or number(str-index(to-lower-case($value), '.tiff')) or number(str-index(to-lower-case($value), '.tif')) or number(str-index(to-lower-case($value), '.bmp')) or number(str-index(to-lower-case($value), '.pct')) or number(str-index(to-lower-case($value), '.jpe')) or number(str-index(to-lower-case($value), '.jfif')) or number(str-index(to-lower-case($value), '.dib'))
+      @return true
+    @else
+      @return null
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_length.css.sass

@@ -0,0 +1,20 @@
+// $nのときにtrue
+@function equal_nth($value, $n)
+  @if length($value) == $n
+    @return ture
+  @else
+    @return null
+
+// $n以上のときにtrue
+@function or_more_nth($value, $n)
+  @if length($value) >= $n
+    @return ture
+  @else
+    @return null
+
+// $n以上のときだけ$valueを出す
+@function optional_nth($value, $n, $false-value: null)
+  @if or_more_nth($value, $n)
+    @return nth($value, $n)
+  @else
+    @return $false-value

data/assets/stylesheets/settings/functions/_list.css.sass

@@ -0,0 +1,11 @@
+@function list($value)
+  @if type-of($value) == list
+    @return true
+  @else
+    @return null
+
+@function first_order($values, $value)
+  @if index($values, $value) == 1
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_map.css.sass

@@ -0,0 +1,5 @@
+@function map($value)
+  @if type-of($value) == map
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_number.css.sass

@@ -0,0 +1,81 @@
+@function number($number)
+  @if type-of($number) == number
+    @return true
+  @else
+    @return null
+
+@function number_list($values)
+  @if list($values)
+    @each $value in $values
+      @if number($value)
+        @return true
+      @else
+        @return null
+  @else
+    @return null
+
+@function optional_number_list($values)
+  @if type-of($values) == number
+    @return true
+  @else if number_list($values)
+    @return true
+  @else
+    @return null
+
+@function odd($number)
+  @if ceil($number/2) != $number/2
+    @return true
+  @else
+    @return null
+
+@function even($number)
+  @if ceil($number/2) == $number/2
+    @return true
+  @else
+    @return null
+
+@function strip_unit($number)
+  // strip the units
+  // That works. strip_unit(13.48cm) will return 13.48
+  @if number($number)
+    @return $number / ($number * 0 + 1)
+
+@function unitless_number($value)
+  @if number($value) and unitless($value)
+    @return true
+  @else
+    @return null
+
+@function px($value)
+  @if number($value) and unit($value) == "px"
+    @return true
+  @else
+    @return null
+
+@function em($value)
+  @if number($value) and unit($value) == "em"
+    @return true
+  @else
+    @return null
+
+@function percent($value)
+  @if number($value) and unit($value) == "%"
+    @return true
+  @else
+    @return null
+
+@function px_to_em($px, $base-px)
+  @if strip_unit($px) == 0
+    @return 0
+  @else if px($px)
+    @return (strip_unit($px) / strip_unit($base-px)) * 1em
+  @else if em($px)
+    @return $px
+
+@function em_to_px($em, $base-px: $baseline-px)
+  @if $em == 0
+    @return 0
+  @else if em($em)
+    @return (strip_unit($em) * strip_unit($base-px)) * 1px
+  @else if px($em)
+    @return $em

data/assets/stylesheets/settings/functions/_position.css.sass

@@ -0,0 +1,80 @@
+@function position($value)
+  @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "center"
+    @return true
+  @else
+    @return null
+
+@function direction($value)
+  @if string($value)
+    @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "horizontal" or $value == "vertical" or $value == "all"
+      @return true
+    @else
+      @return null
+  @else
+    @return null
+
+@function four_position($value)
+  @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right"
+    @return true
+  @else
+    @return null
+
+@function top($value)
+  @if $value == "top"
+    @return true
+  @else
+    @return null
+
+@function bottom($value)
+  @if $value == "bottom"
+    @return true
+  @else
+    @return null
+
+@function left($value)
+  @if $value == "left"
+    @return true
+  @else
+    @return null
+
+@function right($value)
+  @if $value == "right"
+    @return true
+  @else
+    @return null
+
+@function center($value)
+  @if $value == "center"
+    @return true
+  @else
+    @return null
+
+@function position_vertical($value)
+  @if $value == 'bottom' or $value == 'top'
+    @return true
+  @else
+    @return null
+
+@function position_horizontal($value)
+  @if $value == 'left' or $value == 'right'
+    @return true
+  @else
+    @return null
+
+@function all($value)
+  @if $value == "all"
+    @return true
+  @else
+    @return null
+
+@function horizontal($value)
+  @if $value == "horizontal"
+    @return true
+  @else
+    @return null
+
+@function vertical($value)
+  @if $value == "vertical"
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_reverse.css.sass

@@ -0,0 +1,22 @@
+@function reverse($value)
+  @if type-of($value) == string
+    @if $value == 'top'
+      @return 'bottom'
+    @else if $value == 'bottom'
+      @return 'top'
+    @else if $value == 'left'
+      @return 'right'
+    @else if $value == 'right'
+      @return 'left'
+  @else if number($value)
+    @if unit($value) == '%'
+      @return (100 - $value)
+    @else
+      @return $value*-1
+  @else if bool($value)
+    @if $value == true
+      @return false
+    @else if $value == false
+      @return true
+  @else if color($value)
+    @return invert($value)

data/assets/stylesheets/settings/functions/_string.css.sass

@@ -0,0 +1,5 @@
+@function string($value)
+  @if type-of($value) == string
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/functions/_text.css.sass

@@ -0,0 +1,34 @@
+@function text_align($value)
+  @if $value == "left" or $value == "right" or $value == "center"
+    @return true
+  @else
+    @return null
+
+@function font_weight($value)
+  @if $value == "bold" or $value == "normal"
+    @return true
+  @else if unitless_number($value)
+    @if $value >= 100
+      @return true
+    @else
+      @return null
+  @else
+    @return null
+
+@function font_style($value)
+  @if $value == "normal" or $value == "italic" or $value == "oblique"
+    @return true
+  @else
+    @return null
+
+@function list_style_type($value)
+  @if $value == "disc" or $value == "circle" or $value == "square" or $value == "lower-roman" or $value == "upper-roman" or $value == "lower-greek" or $value == "decimal" or $value == "decimal-leading-zero" or $value == "lower-latin" or $value == "lower-alpha" or $value == "upper-latin" or $value == "upper-alpha" or $value == "cjk-ideographic" or $value == "hiragana" or $value == "katakana" or $value == "hiragana-iroha" or $value == "katakana-iroha" or $value == "hebrew" or $value == "armenian" or $value == "georgian"
+    @return true
+  @else
+    @return null
+
+@function list_style_position($value)
+  @if $value == "outside" or $value == "inside"
+    @return true
+  @else
+    @return null

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

@@ -0,0 +1,85 @@
+html
+  font-size: 62.5%
+  +basic-font
+  +experimental(backface-visibility, hidden)
+
+.mobile
+  // 自動文字サイズ調整
+  +experimental(text-size-adjust, 100%)
+  // タップ時のハイライトカラー
+  +experimental(tap-highlight-color, rgba(0, 0, 0, 0))
+  // input以外はテキスト、画像の選択不可に
+  *:not(input)
+    +experimental(user-select, none)
+  // リンクの長時間タップでリンク内容をポップアップで表示させない場合
+  +experimental(touch-callout, none)
+
+input,
+button,
+textarea
+  margin: 0
+  padding: 0
+  border: none
+  background-color: transparent
+  outline: none
+  +basic-font
+
+img
+  vertical-align: bottom
+
+body.windows
+  +clear-type
+
+a
+  outline: none
+
+hr
+  border: none
+
+strong
+  font-weight: bold
+
+.pie
+  zoom: 1
+  position: relative
+
+// form
+#{$all-button-inputs},
+button
+  cursor: pointer
+
+button::-moz-focus-inner,
+input::-moz-focus-inner
+  border: 0
+  padding: 0
+
+input,
+textarea
+  border: none
+  +box-sizing(border-box)
+
+button, x:-moz-any-link,
+input[type=button], x:-moz-any-link,
+input[type=submit], x:-moz-any-link
+  line-height: normal !important
+
+input[type="file"]::-webkit-file-upload-button
+  cursor: pointer !important
+
+// selection
+
+*::selection
+  background: $selection-bg-color
+  color: $selection-tx-color
+*::-moz-selection
+  background: $selection-bg-color
+  color: $selection-tx-color
+
+#{$all-text-inputs},
+textarea
+  &::selection
+    background: $input-selection-bg-color
+    color: $input-selection-tx-color
+  &::-moz-selection
+    background: $input-selection-bg-color
+    color: $input-selection-tx-color

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

@@ -0,0 +1,15 @@
+// https://gist.github.com/ericam/1607696
+=keyframes($name)
+  @-webkit-keyframes #{$name}
+    @content
+  @-moz-keyframes #{$name}
+    @content
+  @-ms-keyframes #{$name}
+    @content
+  @keyframes #{$name}
+    @content
+
+=transition($transition-duration: .5s, $transition-property: all, $transition-timing: ease-in)
+  +transition-property($transition-property)
+  +transition-duration($transition-duration)
+  +transition-timing-function($transition-timing)

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

@@ -0,0 +1,33 @@
+=bg-size($value)
+  @if list($value)
+    @if str-slice(nth($value, 1), 1, 1) == '/'
+      $bg-size-value: str-slice(nth($value, 1), 2) nth($value, 2)
+      +background-size($bg-size-value)
+    @else
+      +background-size($value)
+  @else
+    @if str-slice(nth($value, 1), 1, 1) == '/'
+      $bg-size-value: str-slice(nth($value, 1), 2)
+      +background-size($bg-size-value)
+    @else
+      +background-size($value)
+
+// どこでも background-color と background-image と background-position と background-repeat が書ける設定
+=background-basics($value)
+  @if background_color($value)
+    background-color: $value
+  @else if background_image($value)
+    background-image: image_url("#{$value}")
+  @else if background_position($value)
+    background-position: $value
+  @else if background_repeat($value)
+    background-repeat: $value
+  @else if background_attachment($value)
+    background-attachment: $value
+  @else if background_size($value)
+    +bg-size($value)
+
+// +bg(black 'image.png' (left center) no-repeat fixed (/ 20px 30px))
+=bg($value)
+  @for $i from 1 through length($value)
+    +background-basics(nth($value, $i))

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

@@ -0,0 +1,111 @@
+// +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)
+  $tale-height: optional_nth($tale, 4)
+  $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)
+  $tale-border-width: optional_nth($tale-border, 2)
+  &:#{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)
+      // 矢印の向きが上下
+      @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)
+      +rem($tale-direction, $tale-height*-1*2 - if($tale-border, 0, $parent-boder-width))
+      @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)
+      // 矢印の向きが左右
+      @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)
+      +rem($tale-direction, $tale-width*-1*2 - if($tale-border, 0, $parent-boder-width))
+      @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
+      position: absolute
+      content: ""
+      display: block
+      +border(all, solid transparent)
+      +border(horizontal, $tale-width + $tale-border-width)
+      +border(vertical, $tale-height + $tale-border-width)
+      +border(reverse($tale-direction), $tale-border-color)
+      @if position_vertical($tale-direction)
+        // 矢印の向きが上下
+        @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 - $tale-border-width)
+        +rem($tale-direction, $tale-height*-1*2 - $tale-border-width*2)
+        @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 - $tale-border-width)
+            @else if $tale-direction == $key
+              // 矢印の向きと manual で指定する方向が同じ場合
+              +rem($key, $value - $tale-height - $tale-border-width*2)
+            @else if reverse($tale-direction) == $key
+              // 上向き矢印 で manual が bottom の場合 or 下向き矢印 で manual が top の場合
+              +rem($key, $value)
+      @if position_horizontal($tale-direction)
+        // 矢印の向きが左右
+        @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 - $tale-border-width)
+        +rem($tale-direction, $tale-width*-1*2 - $tale-border-width*2)
+        @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 - $tale-border-width)
+            @else if $tale-direction == $key
+              // 矢印の向きと manual で指定する方向が同じ場合
+              +rem($key, $value - $tale-width - $tale-border-width*2)
+            @else if reverse($tale-direction) == $key
+              // 左向き矢印 で manual が right の場合 or 右向き矢印 で manual が left の場合
+              +rem($key, $value)