oulu 0.8.2

data/app/assets/stylesheets/settings/mixins/_grid.sass

@@ -0,0 +1,93 @@
+//
+// Grid system
+// --------------------------------------------------
+
+
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+.container
+  +container-fixed
+
+  @media (min-width: $screen-sm-min)
+    width: $container-sm
+
+  @media (min-width: $screen-md-min)
+    width: $container-md
+
+  @media (min-width: $screen-lg-min)
+    width: $container-lg
+
+
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but without any defined
+// width for fluid, full width layouts.
+
+.container-fluid
+  +container-fixed
+
+
+// Row
+//
+// Rows contain and clear the floats of your columns.
+
+.row
+  +make-row
+
+
+// Columns
+//
+// Common styles for small and large grid columns
+
++make-grid-columns
+
+
+// Extra small grid
+//
+// Columns, offsets, pushes, and pulls for extra small devices like
+// smartphones.
+
++make-grid(xs)
+
+
+// Small grid
+//
+// Columns, offsets, pushes, and pulls for the small device range, from phones
+// to tablets.
+
+@media (min-width: $screen-sm-min)
+  +make-grid(sm)
+
+
+// Medium grid
+//
+// Columns, offsets, pushes, and pulls for the desktop device range.
+
+@media (min-width: $screen-md-min)
+  +make-grid(md)
+
+
+// Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+
+@media (min-width: $screen-lg-min)
+  +make-grid(lg)
+
+=grid($gutter-size)
+  &.row
+    +margin(horizontal, $gutter-size/2 * -1)
+    >*
+      +padding(horizontal, $gutter-size/2)
+
+// helper
+.row
+  @for $i from 0 through 16
+    $gutter-size: $i * 4
+    &.is-gutter-width-#{$gutter-size}px
+      +margin(horizontal, $gutter-size / 2 * -1px)
+      >*
+        +padding(horizontal, $gutter-size / 2 * 1px)

data/app/assets/stylesheets/settings/mixins/_ie-hacks.sass

@@ -0,0 +1,8 @@
++ie($versions: all)
+  @if $versions == 'all'
+    &.is-ie
+      @content
+  @else
+    @each $version in $versions
+      &.is-ie#{$version}
+        @content

data/app/assets/stylesheets/settings/mixins/_image.sass

@@ -0,0 +1,5 @@
+=center-image($values: false)
+  display: block
+  +margin(horizontal, auto)
+  @if $values
+    +size($values)

data/app/assets/stylesheets/settings/mixins/_line.sass

@@ -0,0 +1,32 @@
+// +dotted-line(black, 20px 10px 4px)
+=dotted-line($stripe-color: rgba(#000, 1), $stripe: null)
+  $stripe-width: optional_nth($stripe, 1, 1px)
+  $gatter-width: optional_nth($stripe, 2, 4px)
+  $size: optional_nth($stripe, 3, 1px)
+  @if length($stripe-color) == 1
+    +background-image(linear-gradient(left, color-stops($stripe-color, $stripe-color (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+  @else
+    @if percent(nth($stripe-color, 2))
+      $mix-stripe-color: darken(nth($stripe-color, 1), nth($stripe-color, 2))
+      +background-image(linear-gradient(left, color-stops($mix-stripe-color, $mix-stripe-color (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+      background-color: nth($stripe-color, 1)
+    @else if color(nth($stripe-color, 2))
+      +background-image(linear-gradient(left, color-stops(nth($stripe-color, 1), nth($stripe-color, 1) (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+      background-color: nth($stripe-color, 2)
+  +background-size(($stripe-width + $gatter-width) ($stripe-width + $gatter-width))
+  +rem('height', $size)
+
+// http://codepen.io/anon/pen/tGhLp を改造
+=striped-line($stripe-color: #000000, $size: 20px)
+  @if length($stripe-color) == 1
+    +background-image(linear-gradient(-45deg, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent))
+  @else
+    @if percent(nth($stripe-color, 2))
+      $mix-stripe-color: darken(nth($stripe-color, 1), nth($stripe-color, 2))
+      +background-image(linear-gradient(-45deg, $mix-stripe-color 25%, transparent 25%, transparent 50%, $mix-stripe-color 50%, $mix-stripe-color 75%, transparent 75%, transparent))
+      background-color: nth($stripe-color, 1)
+    @else
+      +background-image(linear-gradient(-45deg, nth($stripe-color, 1) 25%, transparent 25%, transparent 50%, nth($stripe-color, 1) 50%, nth($stripe-color, 1) 75%, transparent 75%, transparent))
+      background-color: nth($stripe-color, 2)
+  +background-size($size $size)
+  +rem('height', $size)

data/app/assets/stylesheets/settings/mixins/_link.sass

@@ -0,0 +1,39 @@
+=link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false)
+  color: $normal
+  @if $visited
+    &:visited
+      color: $visited
+  @if $focus
+    &:focus
+      color: $focus
+  @if $hover
+    &:hover
+      color: $hover
+  @if $active
+    &:active
+      color: $active
+
+=block-link
+  display: block
+  text-decoration: none
+
+=inline-block-link($value: null)
+  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
+  &:hover,
+  &:active
+    text-decoration: none
+  @if $modifire-class
+    #{$modifire-class}: none

data/app/assets/stylesheets/settings/mixins/_list.sass

@@ -0,0 +1,20 @@
+// +list(12px 24px, fa '\f192', 12px 3px 8px)
+// +list(margin-left margin-bottom, fa '\f192', icon-size top left)
+=list($margins: null, $list-style: null, $icon-position: null)
+  +rem('margin-left', optional_nth($margins, 1))
+  +rem('margin-bottom', optional_nth($margins, 2))
+  @for $i from 1 through length($list-style)
+    @if nth($list-style, $i) == "fa"
+      list-style-type: none
+      >li
+        position: relative
+        display: block
+        +rem('padding-left', optional_nth($icon-position, 1) + optional_nth($icon-position, 3))
+        &:before
+          +fa(optional_nth($list-style, $i + 1))
+          +text-block(optional_nth($icon-position, 1) optional_nth($icon-position, 1))
+          +position(absolute, left 0, top optional_nth($icon-position, 2))
+    @else if list_style_type(nth($list-style, $i))
+      list-style-type: nth($list-style, $i)
+    @else if list_style_position(nth($list-style, $i))
+      list-style-position: nth($list-style, $i)

data/app/assets/stylesheets/settings/mixins/_margin-padding.sass

@@ -0,0 +1,69 @@
+=margin($value1, $value2: null)
+  @if number(nth($value1, 1)) or nth($value1, 1) == 'auto'
+    @if equal_nth($value1, 1)
+      +rem('margin', $value1)
+    @else if equal_nth($value1, 2)
+      +rem('margin-top', nth($value1, 1))
+      +rem('margin-bottom', nth($value1, 2))
+    @else if equal_nth($value1, 3)
+      +rem('margin-top', nth($value1, 1))
+      +rem('margin-bottom', nth($value1, 3))
+      +margin(horizontal, nth($value1, 2))
+    @else if equal_nth($value1, 4)
+      +rem('margin-top', nth($value1, 1))
+      +rem('margin-right', nth($value1, 2))
+      +rem('margin-bottom', nth($value1, 3))
+      +rem('margin-left', nth($value1, 4))
+  @else if length($value1) == 1 and nth($value1, 1) == 'vertical'
+    +rem('margin-top', if(list($value2), nth($value2, 1), $value2))
+    +rem('margin-bottom', if(list($value2),nth($value2, 2), $value2))
+  @else if length($value1) == 1 and nth($value1, 1) == 'horizontal'
+    +rem('margin-left', if(list($value2), nth($value2, 1), $value2))
+    +rem('margin-right', if(list($value2),nth($value2, 2), $value2))
+  @else
+    @each $position in $value1
+      @if $position == 'all'
+        +rem('margin', $value2)
+      @else if $position == 'vertical'
+        +rem('margin-top', $value2)
+        +rem('margin-bottom', $value2)
+      @else if $position == 'horizontal'
+        +rem('margin-left', $value2)
+        +rem('margin-right', $value2)
+      @else
+        +rem('margin-#{$position}', $value2)
+
+=padding($value1: null, $value2: null)
+  @if number(nth($value1, 1)) or nth($value1, 1) == 'auto'
+    @if equal_nth($value1, 1)
+      +rem('padding', $value1)
+    @else if equal_nth($value1, 2)
+      +rem('padding-top', nth($value1, 1))
+      +rem('padding-bottom', nth($value1, 2))
+    @else if equal_nth($value1, 3)
+      +rem('padding-top', nth($value1, 1))
+      +rem('padding-bottom', nth($value1, 3))
+      +padding(horizontal, nth($value1, 2))
+    @else if equal_nth($value1, 4)
+      +rem('padding-top', nth($value1, 1))
+      +rem('padding-right', nth($value1, 2))
+      +rem('padding-bottom', nth($value1, 3))
+      +rem('padding-left', nth($value1, 4))
+  @else if length($value1) == 1 and nth($value1, 1) == 'vertical'
+    +rem('padding-top', if(list($value2), nth($value2, 1), $value2))
+    +rem('padding-bottom', if(list($value2),nth($value2, 2), $value2))
+  @else if length($value1) == 1 and nth($value1, 1) == 'horizontal'
+    +rem('padding-left', if(list($value2), nth($value2, 1), $value2))
+    +rem('padding-right', if(list($value2),nth($value2, 2), $value2))
+  @else
+    @each $position in $value1
+      @if $position == 'all'
+        +rem('padding', $value2)
+      @else if $position == 'vertical'
+        +rem('padding-top', $value2)
+        +rem('padding-bottom', $value2)
+      @else if $position == 'horizontal'
+        +rem('padding-left', $value2)
+        +rem('padding-right', $value2)
+      @else
+        +rem('padding-#{$position}', $value2)

data/app/assets/stylesheets/settings/mixins/_overlay.sass

@@ -0,0 +1,5 @@
+=overlay($overlay-color: null, $overlay-z-index: null)
+  @if $overlay-color
+    +fixed(left 0, top 0, $overlay-z-index)
+    +size(100%)
+    +rgba-background($overlay-color)

data/app/assets/stylesheets/settings/mixins/_positions.sass

@@ -0,0 +1,33 @@
+=position-list($value1, $value2, $value3, $value4, $value5, $value6)
+  $values: $value1 $value2 $value3 $value4 $value5 $value6
+  @each $value in $values
+    @if optional_nth($value, 2)
+      +rem(nth($value, 1), nth($value, 2))
+    @else if unitless_number($value)
+      z-index: nth($value, 1)
+    @else
+      position: $value
+
+=absolute($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
+  position: absolute
+  +position-list($value1, $value2, $value3, $value4, $value5, $value6)
+
+=fixed($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
+  position: fixed
+  +position-list($value1, $value2, $value3, $value4, $value5, $value6)
+
+=relative($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
+  position: relative
+  +position-list($value1, $value2, $value3, $value4, $value5, $value6)
+
+=position($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
+  +position-list($value1, $value2, $value3, $value4, $value5, $value6)
+
+=top($position, $z-index: null)
+  +relative(top $position, $z-index)
+=bottom($position, $z-index: null)
+  +relative(bottom $position, $z-index)
+=left($position, $z-index: null)
+  +relative(left $position, $z-index)
+=right($position, $z-index: null)
+  +relative(right $position, $z-index)

data/app/assets/stylesheets/settings/mixins/_rem.sass

@@ -0,0 +1,56 @@
+// Baseline, measured in pixels
+// The value should be the same as the font-size value for the html element
+// If the html element's font-size is set to 62.5% (of the browser's default font-size of 16px),
+// then the variable below would be 10px.
+// original https://github.com/bitmanic/rem
+// customize by machida
+
+$baseline-px: 10px !default
+
+=base-font-size
+  font-size: $baseline-px
+  font-size: strip_unit($baseline-px / 10) * 1rem
+
+=rem($property, $px-values, $important: null)
+  @if $rem == true and (px($px-values) or list($px-values))
+    @if $property == "font-size" and $px-values < 10px
+      // 9px以下のfont-sizeを使う設定（IE8不可）
+      +base-font-size
+      +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
+      // remが使えないブラウザ用にpx版を出力
+      @if $important
+        #{$property}: $px-values !important
+      @else
+        #{$property}: $px-values
+      // remで出力
+      @if px($px-values) and $px-values >= 1
+        @if $important
+          #{$property}: $px-values / $baseline-rem !important
+        @else
+          #{$property}: $px-values / $baseline-rem
+      @else
+        // Create an empty list that we can dump values into
+        $rem-values: ()
+        @each $value in $px-values
+          @if px($value)
+            // If the value is zero or not a number, return it
+            @if strip_unit($value) == 0 or type-of( $value ) != "number"
+              $rem-values: append($rem-values, $value)
+            @else
+              $rem-values: append($rem-values, $value / $baseline-rem)
+          @else
+            $rem-values: append($rem-values, $value)
+        // Return the property and its list of converted values
+        @if $important
+          #{$property}: $rem-values !important
+        @else
+          #{$property}: $rem-values
+  @else
+    @if $important
+      #{$property}: $px-values !important
+    @else
+      #{$property}: $px-values

data/app/assets/stylesheets/settings/mixins/_resets.sass

@@ -0,0 +1,49 @@
+=reset-select
+  +appearance(none)
+  +border(none)
+  border: none
+  margin: 0
+  padding: 0
+  background: none transparent
+  vertical-align: middle
+  font-size: inherit
+  color: inherit
+  &:active,
+  &:focus
+    outline: none
+
+=reset-margin($directions: all)
+  @if all($directions)
+    margin: 0
+  @else if horizontal($directions)
+    +margin(horizontal, 0)
+  @else if vertical($directions)
+    +margin(vertical, 0)
+  @else
+    @each $direction in $directions
+      @if horizontal($direction)
+        +margin(horizontal, 0)
+      @else if vertical($direction)
+        +margin(vertical, 0)
+      @else
+        margin-#{$direction}: 0
+
+=reset-padding($directions: all)
+  @if all($directions)
+    padding: 0
+  @else if horizontal($directions)
+    +padding(horizontal, 0px)
+  @else if vertical($directions)
+    +padding(vertical, 0px)
+  @else
+    @each $direction in $directions
+      @if horizontal($direction)
+        +padding(horizontal, 0px)
+      @else if vertical($direction)
+        +padding(vertical, 0px)
+      @else
+        padding-#{$direction}: 0
+
+=reset-all
+  margin: 0
+  padding: 0

data/app/assets/stylesheets/settings/mixins/_responsive-utilities.sass

@@ -0,0 +1,196 @@
+// device
+=screen-xs
+  @media only screen and (max-width: $screen-xs)
+    @content
+=screen-sm
+  @media only screen and (max-width: $screen-sm)
+    @content
+=screen-md
+  @media only screen and (max-width: $screen-md)
+    @content
+=screen-lg
+  @media only screen and (max-width: $screen-lg)
+    @content
+=screen-xl
+  @media only screen and (min-width: $screen-lg)
+    @content
+
+
+// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_responsive-utilities.scss
+
+=responsive-visibility($parent)
+  #{$parent}
+    display: block !important
+  table#{$parent}
+    display: table
+  tr#{$parent}
+    display: table-row !important
+  th#{$parent},
+  td#{$parent}
+    display: table-cell !important
+
+// [converter] $parent hack
+=responsive-invisibility($parent)
+  #{$parent}
+    display: none !important
+
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
+// IE10 in Windows (Phone) 8
+//
+// Support for responsive views via media queries is kind of borked in IE10, for
+// Surface/desktop in split view and for Windows Phone 8. This particular fix
+// must be accompanied by a snippet of JavaScript to sniff the user agent and
+// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
+// our Getting Started page for more information on this bug.
+//
+// For more information, see the following:
+//
+// Issue: https://github.com/twbs/bootstrap/issues/10497
+// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
+// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+
+@-ms-viewport
+  width: device-width
+
+
+// Visibility utilities
+// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
+
++responsive-invisibility(".visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl")
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block,
+.visible-xl-block,
+.visible-xl-inline,
+.visible-xl-inline-block
+  display: none !important
+
+@media (max-width: $screen-xs-max)
+  +responsive-visibility(".visible-xs")
+
+.visible-xs-block
+  @media (max-width: $screen-xs-max)
+    display: block !important
+
+.visible-xs-inline
+  @media (max-width: $screen-xs-max)
+    display: inline !important
+
+.visible-xs-inline-block
+  @media (max-width: $screen-xs-max)
+    display: inline-block !important
+
+@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
+  +responsive-visibility(".visible-sm")
+
+.visible-sm-block
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
+    display: block !important
+
+.visible-sm-inline
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
+    display: inline !important
+
+.visible-sm-inline-block
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
+    display: inline-block !important
+
+@media (min-width: $screen-md-min) and (max-width: $screen-md-max)
+  +responsive-visibility(".visible-md")
+
+.visible-md-block
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
+    display: block !important
+
+.visible-md-inline
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
+    display: inline !important
+
+.visible-md-inline-block
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
+    display: inline-block !important
+
+@media (min-width: $screen-lg-min)
+  +responsive-visibility(".visible-lg")
+
+.visible-lg-block
+  @media (min-width: $screen-md-max) and (max-width: $screen-lg-min)
+    display: block !important
+
+.visible-lg-inline
+  @media (min-width: $screen-md-max) and (max-width: $screen-lg-min)
+    display: inline !important
+
+.visible-lg-inline-block
+  @media (min-width: $screen-md-max) and (max-width: $screen-lg-min)
+    display: inline-block !important
+
+.visible-xl-block
+  @media (min-width: $screen-lg-max)
+    display: block !important
+
+.visible-xl-inline
+  @media (min-width: $screen-lg-max)
+    display: inline !important
+
+.visible-xl-inline-block
+  @media (min-width: $screen-lg-max)
+    display: inline-block !important
+
+
+
+
+@media (max-width: $screen-xs-max)
+  +responsive-invisibility(".hidden-xs")
+
+@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
+  +responsive-invisibility(".hidden-sm")
+
+@media (min-width: $screen-md-min) and (max-width: $screen-md-max)
+  +responsive-invisibility(".hidden-md")
+
+@media (min-width: $screen-lg-min)
+  +responsive-invisibility(".hidden-lg")
+
+// Print utilities
+//
+// Media queries are placed on the inside to be mixin-friendly.
+
+// Note: Deprecated .visible-print as of v3.2.0
+
++responsive-invisibility(".visible-print")
+
+@media print
+  +responsive-visibility(".visible-print")
+
+.visible-print-block
+  display: none !important
+  @media print
+    display: block !important
+
+.visible-print-inline
+  display: none !important
+  @media print
+    display: inline !important
+
+.visible-print-inline-block
+  display: none !important
+  @media print
+    display: inline-block !important
+
+@media print
+  +responsive-invisibility(".hidden-print")

data/app/assets/stylesheets/settings/mixins/_table.sass

@@ -0,0 +1,32 @@
+=table-cell-assign($value)
+  @if list($value)
+    @if unit_number(nth($value, 1))
+      +rem('padding', $value)
+    @if direction(nth($value, 1))
+      +padding(nth($value, 1), nth($value, 2))
+  white-space: if(white_space($value), $value, null)
+  background-color: if(color($value), $value, null)
+  vertical-align: if(vertical_align($value), $value, null)
+
+// +table-row($white #eeeeee, (bottom, solid 1px black))
+=table-row($value1: nul, $value2: nul)
+  @if $value1
+    @if list($value1)
+      &:nth-child(odd)
+        background-color: nth($value1, 1)
+      &:nth-child(even)
+        background-color: nth($value1, 2)
+    @else if color($value1)
+      background-color: nth($value1, 1)
+  @if $value2
+    +border(nth($value2, 1), nth($value2, 2))
+
+// +table-cell(middle (12px 16px) no_wrap $white, (14px 1.8 1.4em, black bold center), (bottom, solid 1px black))
+=table-cell($value1: null, $value2: null, $value3: null)
+  @if $value1
+    @for $i from 1 through length($value1)
+      +table-cell-assign(nth($value1, $i))
+  @if $value2
+    +text-block(nth($value2, 1), optional_nth($value2, 2, false))
+  @if $value3
+    +border(nth($value3, 1), nth($value3, 2))