oulu 0.8.2

data/app/assets/stylesheets/settings/initializers/_sanitize.sass

@@ -0,0 +1,262 @@
+/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css
+
+$root-background-color: #FFFFFF !default
+$root-box-sizing: border-box !default
+$root-color: #000000 !default
+$root-cursor: default !default
+$root-font-family: sans-serif !default
+$root-font-size: 100% !default
+$root-line-height: 1.5 !default
+$root-text-rendering: optimizeLegibility !default
+
+$anchor-text-decoration: none !default
+$background-repeat: no-repeat !default
+$form-element-background-color: transparent !default
+$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != "%", $root-line-height, null)) !default
+$media-element-vertical-align: middle !default
+$monospace-font-family: monospace !default
+$nav-list-style: none !default
+$selection-background-color: #B3D4FC !default
+$selection-color: #ffffff !default
+$selection-text-shadow: none !default
+$small-font-size: 75% !default
+$table-border-collapse: collapse !default
+$table-border-spacing: 0 !default
+$textarea-resize: vertical !default
+
+/*
+ * Normalization
+
+audio:not([controls])
+  display: none // Chrome 44-, iOS 8+, Safari 9+
+
+button
+  overflow: visible // Internet Explorer 11-
+  -webkit-appearance: button // iOS 8+
+
+details
+  display: block // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+
+
+html
+  -ms-overflow-style: -ms-autohiding-scrollbar // Edge 12+, Internet Explorer 11-
+  overflow-y: scroll // All browsers without overlaying scrollbars
+  -webkit-text-size-adjust: 100% // iOS 8+
+
+input
+  -webkit-border-radius: 0 // iOS 8+
+
+  &[type="button"], &[type="reset"], &[type="submit"]
+    -webkit-appearance: button // iOS 8+
+
+  &[type="number"]
+    width: auto // Firefox 36+
+
+  &[type="search"]
+    -webkit-appearance: textfield // Chrome 45+, Safari 9+
+
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-decoration
+      -webkit-appearance: none // Chrome 45+, Safari 9+
+
+main
+  display: block // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+
+
+pre
+  overflow: auto // Internet Explorer 11-
+
+progress
+  display: inline-block // Internet Explorer 11-, Windows Phone 8.1+
+
+small
+  font-size: $small-font-size // All browsers
+
+summary
+  display: block // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+
+
+svg:not(:root)
+  overflow: hidden // Internet Explorer 11-
+
+template
+  display: none // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+
+
+textarea
+  overflow: auto // Edge 12+, Internet Explorer 11-
+
+[hidden]
+  display: none // Internet Explorer 10-
+
+/*
+ * Universal inheritance
+
+*,
+::before,
+::after
+  box-sizing: inherit
+
+*
+  font-size: inherit
+  line-height: inherit
+
+::before,
+::after
+  text-decoration: inherit
+  vertical-align: inherit
+
+/*
+ * Opinionated defaults
+
+// specify the border style and width of all elements
+
+*,
+::before,
+::after
+  border-style: solid
+  border-width: 0
+
+// specify the core styles of all elements
+
+*
+  background-repeat: $background-repeat
+  margin: 0
+  padding: 0
+
+// specify the root styles of the document
+
+\:root
+  background-color: $root-background-color
+  box-sizing: $root-box-sizing
+  color: $root-color
+  cursor: $root-cursor
+  font: #{$root-font-size}/#{$root-line-height} $root-font-family
+  text-rendering: $root-text-rendering
+
+// specify the text decoration of anchors
+
+a
+  text-decoration: $anchor-text-decoration
+
+// specify the alignment of media elements
+
+audio,
+canvas,
+iframe,
+img,
+svg,
+video
+  vertical-align: $media-element-vertical-align
+
+// specify the background color of form elements
+
+button,
+input,
+select,
+textarea
+  background-color: $form-element-background-color
+
+// specify the inherited color and font of form elements
+
+button,
+input,
+select,
+textarea
+  color: inherit
+  font-family: inherit
+  font-style: inherit
+  font-weight: inherit
+
+// specify the minimum height of form elements
+
+button,
+[type="button"],
+[type="date"],
+[type="datetime"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="reset"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea
+  min-height: $form-element-min-height
+
+// specify the font family of code elements
+
+code,
+kbd,
+pre,
+samp
+  font-family: $monospace-font-family, monospace
+
+// specify the list style of nav lists
+
+nav ol,
+nav ul
+  list-style: $nav-list-style
+
+// specify the standard appearance of selects
+
+select
+  -moz-appearance: none // Firefox 40+
+  -webkit-appearance: none // Chrome 45+
+
+  &::-ms-expand
+    display: none // Edge 12+, Internet Explorer 11-
+
+  &::-ms-value
+    color: currentColor // Edge 12+, Internet Explorer 11-
+
+// specify the border styling of tables
+
+table
+  border-collapse: $table-border-collapse
+  border-spacing: $table-border-spacing
+
+// specify the resizability of textareas
+
+textarea
+  resize: $textarea-resize
+
+// specify the background color, font color and drop shadow of text selections
+
+::-moz-selection
+  background-color: $selection-background-color // required when declaring ::selection
+  color: $selection-color
+  text-shadow: $selection-text-shadow
+
+::selection
+  background-color: $selection-background-color // required when declaring ::selection
+  color: $selection-color
+  text-shadow: $selection-text-shadow
+
+// specify the progress cursor of updating elements
+
+[aria-busy="true"]
+  cursor: progress
+
+// specify the pointer cursor of trigger elements
+
+[aria-controls]
+  cursor: pointer
+
+// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements
+
+[aria-disabled]
+  cursor: default
+
+// specify the style of visually hidden yet accessible elements
+
+[hidden][aria-hidden="false"]
+  clip: rect(0 0 0 0)
+  display: inherit
+  position: absolute
+
+  &:focus
+    clip: auto

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

@@ -0,0 +1,28 @@
+=animations($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null, $value7: null, $value8: null, $value9: null, $value10: null)
+  $list: $value1 $value2 $value3 $value4 $value5 $value6 $value7 $value8 $value9 $value10
+  $animation-names: ()
+  $animation-durations: ()
+  $animation-timing-functions: ()
+  $animation-delays: ()
+  $animation-iteration-counts: ()
+  $animation-directions: ()
+  $animation-fill-modes: ()
+  $animation-play-states: ()
+  @each $value in $list
+    @for $i from 1 through length($value)
+      $animation-names: append($animation-names, if(animation_name(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-durations: append($animation-durations, if(animation_duration(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-timing-functions: append($animation-timing-functions, if(animation_timing_function(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-delays: append($animation-delays, if(animation_delay(nth($value, $i)), animation_delay(nth($value, $i)), null), comma)
+      $animation-iteration-counts: append($animation-iteration-counts, if(animation_iteration_count(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-directions: append($animation-directions, if(animation_direction(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-fill-modes: append($animation-fill-modes, if(animation_fill_mode(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-play-states: append($animation-play-states, if(animation_play_state(nth($value, $i)), nth($value, $i), null), comma)
+  +animation-name($animation-names)
+  +animation_duration($animation-durations)
+  +animation_timing_function($animation-timing-functions)
+  +animation-delay($animation-delays)
+  +animation-iteration-count($animation-iteration-counts)
+  +animation-direction($animation-directions)
+  +animation-fill-mode($animation-fill-modes)
+  +animation-play-state($animation-play-states)

data/app/assets/stylesheets/settings/mixins/_background.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/app/assets/stylesheets/settings/mixins/_balloon-tail.sass

@@ -0,0 +1,100 @@
+=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 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 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/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 なし、または 一つだけ指定 上下方向 の場合
+        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*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))
+        @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/app/assets/stylesheets/settings/mixins/_basic-font.sass

@@ -0,0 +1,30 @@
+=basic-font($text-rendering: true)
+  font-family: $basic-sans-serif
+  *font-family: $basic-legacy-ie-sans-serif
+  @if $text-rendering
+    text-rendering: optimizelegibility
+
+=sans-serif($text-rendering: true)
+  font-family: $basic-sans-serif
+  *font-family: $basic-legacy-ie-sans-serif
+  @if $text-rendering
+    text-rendering: optimizelegibility
+
+=maru-serif($text-rendering: true)
+  font-family: $basic-maru
+  *font-family: $basic-legacy-ie-sans-serif
+  @if $text-rendering
+    text-rendering: optimizelegibility
+
+=bold-ja($text-rendering: true)
+  font-family: $basic-bold-sans-serif
+  *font-family: $basic-legacy-ie-sans-serif
+  font-weight: bold
+  @if $text-rendering
+    text-rendering: optimizelegibility
+
+=serif($text-rendering: true)
+  font-family: $basic-serif
+  *font-family: $basic-legacy-ie-sans-serif
+  @if $text-rendering
+    text-rendering: optimizelegibility

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

@@ -0,0 +1,61 @@
+=block-size($values)
+  @if equal_nth($values, 2)
+    +rem('width', nth($values, 1))
+    +rem('height', nth($values, 2))
+  @else
+    +rem('width', nth($values, 1))
+    +rem('height', nth($values, 1))
+
+=center-block($values)
+  $block-width: optional_nth($values, 1)
+  $block-height: optional_nth($values, 2)
+  $block-z-index: optional_nth($values, 3)
+  +block-size($block-width $block-height)
+  +fixed(left 50%, top 50%, $block-z-index)
+  +rem('margin-top', $block-height / 2 * -1)
+  +rem('margin-left', $block-width / 2 * -1)
+
+=horizontal-center-block($values)
+  $block-width: optional_nth($values, 1)
+  $block-z-index: optional_nth($values, 2)
+  +rem('width', $block-width)
+  +fixed(left 50%, $block-z-index)
+  +rem('margin-left', $block-width / 2 * -1)
+
+=square-block($values)
+  $square-block-size: optional_nth($values, 1)
+  $square-block-height: optional_nth($values, 2)
+  $square-block-line-height: optional_nth($values, 3)
+  +rem('width', $square-block-size)
+  +rem('height', if($square-block-height, $square-block-height, $square-block-size))
+  @if $square-block-line-height
+    +rem('line-height', $square-block-line-height)
+  @else if $square-block-height
+    +rem('line-height', $square-block-height)
+  @else
+    +rem('line-height', $square-block-size)
+
+=overflow($values)
+  $overflow-x: optional_nth($values, 1)
+  $overflow-y: optional_nth($values, 2)
+  @if equal_nth($values, 2)
+    overflow-x: $overflow-x
+    overflow-y: $overflow-y
+  @else
+    overflow: $overflow-x
+
+=inline-block($value: null)
+  display: inline-block
+  vertical-align: $value
+
+=background-size($values)
+  +prefixer(background-size, $values, webkit moz spec)
+
+=background-clip($value)
+  +prefixer(background-clip, $value, webkit moz spec)
+
+=box-shadow($values...)
+  +rem(box-shadow, $values)
+
+=text-shadow($values...)
+  +rem(text-shadow, $values)

data/app/assets/stylesheets/settings/mixins/_border-radius.sass

@@ -0,0 +1,43 @@
+// 使い方
+// +border-radius(vertical, 4px)
+
+=border-radius($value1: null, $value2: null)
+  @if number(nth($value1, 1))
+    +rem('border-radius', $value1)
+  @else
+    @for $i from 1 through length($value1)
+      @if nth($value1, $i) == 'all'
+        +rem('border-radius', $value2)
+      @else if top(nth($value1, $i))
+        +rem('border-top-left-radius', $value2)
+        +rem('border-top-right-radius', $value2)
+      @else if bottom(nth($value1, $i))
+        +rem('border-bottom-left-radius', $value2)
+        +rem('border-bottom-right-radius', $value2)
+      @else if left(nth($value1, $i))
+        +rem('border-top-left-radius', $value2)
+        +rem('border-bottom-left-radius', $value2)
+      @else if right(nth($value1, $i))
+        +rem('border-top-right-radius', $value2)
+        +rem('border-bottom-right-radius', $value2)
+
+// 使い方
+// +reset-border-radius(vertical, 4px)
+=reset-border-radius($value: 'all')
+  @for $i from 1 through length($value1)
+    @if nth($value1, $i) == 'all'
+      border-radius: 0
+    @else if vertical(nth($value1, $i))
+      border-top-radius: 0
+      border-bottom-radius: 0
+    @else if horizontal(nth($value1, $i))
+      border-left-radius: 0
+      border-right-radius: 0
+    @else if top(nth($value1, $i))
+      border-top-radius: 0
+    @else if bottom(nth($value1, $i))
+      border-bottom-radius: 0
+    @else if left(nth($value1, $i))
+      border-left-radius: 0
+    @else if right(nth($value1, $i))
+      border-right-radius: 0

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

@@ -0,0 +1,28 @@
+=assign-border-position($border-position, $border-values)
+  #{if($border-position, border-#{$border-position}, border)}:
+    @for $i from 1 through length($border-values)
+      @if border-width(nth($border-values, $i))
+        +rem('width', nth($border-values, $i))
+      @else if border-style(nth($border-values, $i))
+        style: nth($border-values, $i)
+      @else if border-color(nth($border-values, $i))
+        color: nth($border-values, $i)
+
+// 使い方
+// +border(vertical left, solid white 4px)
+=border($value1: null, $value2: null)
+  @for $i from 1 through length($value1)
+    @if all(nth($value1, $i))
+      +assign-border-position(false, $value2)
+    @else if vertical(nth($value1, $i))
+      $border-positions: $vertical
+      @each $border-position in $border-positions
+        +assign-border-position($border-position, $value2)
+    @else if horizontal(nth($value1, $i))
+      $border-positions: $horizontal
+      @each $border-position in $border-positions
+        +assign-border-position($border-position, $value2)
+    @else if four_positions(nth($value1, $i))
+      $border-positions: nth($value1, $i)
+      @each $border-position in $border-positions
+        +assign-border-position($border-position, $value2)

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

@@ -0,0 +1,5 @@
+// https://gist.github.com/chriseppstein/2884618
+// 例 +filter(sepia(100%) hue-rotate(33deg) contrast(69%) unquote("saturate(2)"))
+
+=filter($var)
+	+prefixer('filter', $var, webkit moz spec)

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

@@ -0,0 +1,10 @@
+=placeholder
+  &::-webkit-input-placeholder
+    @content
+  &:-moz-placeholder
+    @content
+  &.placeholder
+    @content
+
+$inputs-en-list: 'input[type="email"]', 'input[type="number"]', 'input[type="search"]', 'input[type="tel"]', 'input[type="url"]', 'input[type="color"]', 'input[type="date"]', 'input[type="datetime"]', 'input[type="datetime-local"]', 'input[type="time"]'
+$all-en-text-inputs: assign-inputs($inputs-en-list)