middleman-oulu 0.5.10

data/assets/stylesheets/helper/_click-actions.css.sass

@@ -0,0 +1,188 @@
+.is-bounce-expansion
+  +experimental('animation', bounce-expansion 1000ms linear both)
+  +relative
+
++keyframes(bounce-expansion)
+  0%
+    $transform: matrix3d(1.4, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  1.666667%
+    $transform: matrix3d(1.34471, 0, 0, 0, 0, 1.34471, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  3.333333%
+    $transform: matrix3d(1.28364, 0, 0, 0, 0, 1.28364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  5%
+    $transform: matrix3d(1.2213, 0, 0, 0, 0, 1.2213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  6.666667%
+    $transform: matrix3d(1.16126, 0, 0, 0, 0, 1.16126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  8.333333%
+    $transform: matrix3d(1.10616, 0, 0, 0, 0, 1.10616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  10%
+    $transform: matrix3d(1.05781, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  11.666667%
+    $transform: matrix3d(1.01723, 0, 0, 0, 0, 1.01723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  13.333333%
+    $transform: matrix3d(0.98482, 0, 0, 0, 0, 0.98482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  15%
+    $transform: matrix3d(0.96047, 0, 0, 0, 0, 0.96047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  16.666667%
+    $transform: matrix3d(0.94365, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  18.333333%
+    $transform: matrix3d(0.93356, 0, 0, 0, 0, 0.93356, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  20%
+    $transform: matrix3d(0.92922, 0, 0, 0, 0, 0.92922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  21.666667%
+    $transform: matrix3d(0.92959, 0, 0, 0, 0, 0.92959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  23.333333%
+    $transform: matrix3d(0.93358, 0, 0, 0, 0, 0.93358, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  25%
+    $transform: matrix3d(0.94017, 0, 0, 0, 0, 0.94017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  26.666667%
+    $transform: matrix3d(0.94844, 0, 0, 0, 0, 0.94844, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  28.333333%
+    $transform: matrix3d(0.95758, 0, 0, 0, 0, 0.95758, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  30%
+    $transform: matrix3d(0.9669, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  31.666667%
+    $transform: matrix3d(0.97588, 0, 0, 0, 0, 0.97588, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  33.333333%
+    $transform: matrix3d(0.98412, 0, 0, 0, 0, 0.98412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  35%
+    $transform: matrix3d(0.99135, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  36.666667%
+    $transform: matrix3d(0.99742, 0, 0, 0, 0, 0.99742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  38.333333%
+    $transform: matrix3d(1.00227, 0, 0, 0, 0, 1.00227, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  40%
+    $transform: matrix3d(1.00591, 0, 0, 0, 0, 1.00591, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  41.666667%
+    $transform: matrix3d(1.00843, 0, 0, 0, 0, 1.00843, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  43.333333%
+    $transform: matrix3d(1.00994, 0, 0, 0, 0, 1.00994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  45%
+    $transform: matrix3d(1.01059, 0, 0, 0, 0, 1.01059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  46.666667%
+    $transform: matrix3d(1.01053, 0, 0, 0, 0, 1.01053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  48.333333%
+    $transform: matrix3d(1.00993, 0, 0, 0, 0, 1.00993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  50%
+    $transform: matrix3d(1.00895, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  51.666667%
+    $transform: matrix3d(1.00771, 0, 0, 0, 0, 1.00771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  53.333333%
+    $transform: matrix3d(1.00635, 0, 0, 0, 0, 1.00635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  55%
+    $transform: matrix3d(1.00495, 0, 0, 0, 0, 1.00495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  56.666667%
+    $transform: matrix3d(1.00361, 0, 0, 0, 0, 1.00361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  58.333333%
+    $transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  60%
+    $transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  61.666667%
+    $transform: matrix3d(1.00039, 0, 0, 0, 0, 1.00039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  63.333333%
+    $transform: matrix3d(0.99966, 0, 0, 0, 0, 0.99966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  65%
+    $transform: matrix3d(0.99912, 0, 0, 0, 0, 0.99912, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  66.666667%
+    $transform: matrix3d(0.99874, 0, 0, 0, 0, 0.99874, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  68.333333%
+    $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  70%
+    $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  71.666667%
+    $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  73.333333%
+    $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  75%
+    $transform: matrix3d(0.99866, 0, 0, 0, 0, 0.99866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  76.666667%
+    $transform: matrix3d(0.99885, 0, 0, 0, 0, 0.99885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  78.333333%
+    $transform: matrix3d(0.99905, 0, 0, 0, 0, 0.99905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  80%
+    $transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  81.666667%
+    $transform: matrix3d(0.99946, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  83.333333%
+    $transform: matrix3d(0.99964, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  85%
+    $transform: matrix3d(0.99981, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  86.666667%
+    $transform: matrix3d(0.99994, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  88.333333%
+    $transform: matrix3d(1.00005, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  90%
+    $transform: matrix3d(1.00013, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  91.666667%
+    $transform: matrix3d(1.00019, 0, 0, 0, 0, 1.00019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  93.333333%
+    $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  95%
+    $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  96.666667%
+    $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  98.333333%
+    $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)
+  100%
+    $transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+    +experimental('transform', $transform)

data/assets/stylesheets/helper/_fade-actions.css.sass

@@ -0,0 +1,30 @@
+//
+  animation-name 名前
+  animation-duration 秒
+  animation-timing-function 動き方
+  animation-delay 遅延（秒）
+  animation-iteration-count 繰り返し回数（無限はinfinite）
+  animation-direction 反転alternate 通常normal
+
+  <animation-name>
+  <animation-duration>
+  <animation-timing-function>
+  <animation-delay>
+  <animation-iteration-count>
+  <animation-direction>
+  <animation-fill>
+
+.is-fadeout
+  +experimental('animation', fadeout 2s linear 0s 1 alternate forwards)
+  height: 0
+  min-height: 0
+  overflow: hidden
+  +relative
+
++keyframes(fadeout)
+  0%
+    +opacity(1)
+    height: auto
+  100%
+    +opacity(0)
+    height: 0

data/assets/stylesheets/helper/_margin-padding.css.sass

@@ -0,0 +1,20 @@
+body
+  @for $i from 0 through 16
+    .is-margin-bottom-#{$i*4}
+      +rem('margin-bottom', #{$i*4}px)
+    .is-margin-top-#{$i*4}
+      +rem('margin-top', #{$i*4}px)
+    .is-margin-left-#{$i*4}
+      +rem('margin-left', #{$i*4}px)
+    .is-margin-right-#{$i*4}
+      +rem('margin-right', #{$i*4}px)
+    .is-margin-horizontal-#{$i*4}
+      +margin(horizontal, #{$i*4}px)
+    .is-padding-bottom-#{$i*4}
+      +rem('padding-bottom', #{$i*4}px)
+    .is-padding-top-#{$i*4}
+      +rem('padding-top', #{$i*4}px)
+    .is-padding-left-#{$i*4}
+      +rem('padding-left', #{$i*4}px)
+    .is-padding-right-#{$i*4}
+      +rem('padding-right', #{$i*4}px)

data/assets/stylesheets/helper/_typoglaphy.css.sass

@@ -0,0 +1,9 @@
+// typoglaphy
+.is-ja
+  =basic-font
+.is-serif
+  +serif
+.is-bold-ja
+  +bold-ja
+.is-serif
+  +serif

data/assets/stylesheets/options/amazlet/_amazlet.css.sass

@@ -0,0 +1,32 @@
+$text-color: $black !default
+
+.amazlet-box
+  +rem('margin-bottom', 32px, !important)
+  .amazlet-image
+    float: none !important
+    +rem('margin', 0 0 16px, !important)
+    a[target="_blank"]
+      &:after
+        content: none
+    img
+      max-width: 100%
+      +rem('width', 260px)
+      display: block
+      +margin(horizontal, auto)
+      margin-bottom: 0 !important
+.amazlet-info
+  text-align: center
+.amazlet-name
+  a
+    text-decoration: none
+    color: $text-color
+.amazlet-detail
+  +rem('font-size', 12px)
+  +rem('margin-bottom', 8px, !important)
+.amazlet-sub-info
+  float: none !important
+  text-align: right
+.amazlet-link
+  display: none
+.amazlet-powered-date
+  display: none !important

data/assets/stylesheets/options/glitch/_glitch.css.sass

@@ -0,0 +1,31 @@
++keyframes(noise-anim)
+  $steps: 20
+  @for $i from 0 through $steps
+    #{percentage($i * 1 / $steps)}
+      clip: rect(random(100) + px, 9999px, random(100) + px, 0)
++keyframes(noise-anim-2)
+  $steps: 20
+  @for $i from 0 through $steps
+    #{percentage($i * 1 / $steps)}
+      clip: rect(random(100) + px, 9999px, random(100) + px, 0)
+
+=glitch($cl: white, $bg-col: black)
+  +relative
+  overflow: hidden
+  +inline-block
+  color: $cl
+  &:after,
+  &:before
+    content: attr(data-text)
+    color: $cl
+    background-color: $bg-col
+    overflow: hidden
+    clip: rect(0, 900px, 0, 0)
+  &:after
+    +absolute(left 1px, top 0)
+    +text-shadow(-1px 0 0 rgba(red, 0.4))
+    +experimental('animation', noise-anim 2s infinite linear alternate-reverse)
+  &:before
+    +absolute(left -1px, top 0)
+    +text-shadow(1px 0 0 rgba(blue, 0.4))
+    +experimental('animation', noise-anim-2 3s infinite linear alternate-reverse)

data/assets/stylesheets/options/oulu-buttons/_button-basic.css.sass

@@ -0,0 +1,31 @@
+=button-basic($bt-fz: 16px, $bt-ht: 30px, $bt-icon-pt: null)
+  +inline-block(bottom)
+  +text-block($bt-fz, $bt-ht)
+  +rem('height', $bt-ht)
+  +rem('padding-left', $bt-fz*.9)
+  +rem('padding-right', $bt-fz*.9)
+  cursor: pointer
+  text-align: center
+  text-decoration: none
+  @if $bt-icon-pt == "right"
+    >i
+      +rem('margin-left', $bt-fz/6)
+  @else if $bt-icon-pt == "left"
+    >i
+      +rem('margin-right', $bt-fz/6)
+
+=icon-button-basic($bt-fz: 18px, $bt-ht: 30px)
+  +inline-block(bottom)
+  +text-block($bt-fz, $bt-ht)
+  +rem('height', $bt-ht)
+  +rem('width', $bt-fz*1.6)
+  cursor: pointer
+  text-align: center
+  text-decoration: none
+
+=border-style-border($bt-cl: red, $bt-bd-wd: 2px)
+  +border(all, $bt-bd-wd, solid, $bt-cl)
+  color: $bt-cl
+  &:hover
+    background-color: $bt-cl
+    color: #ffffff

data/assets/stylesheets/options/web-fonts/_cousine.css.sass

@@ -0,0 +1,12 @@
+@import url(http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic)
+
+=cousine($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Cousine'
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_font-awsome.css.sass

@@ -0,0 +1,17 @@
+=fa
+  display: inline-block
+  font-family: FontAwesome
+  font-style: normal
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+=fa-icon($icon: '\f105', $size: 16px 12px, $options: null, $position1:null, $position2: null)
+  &:before
+    +fa
+    content: "#{$icon}"
+    @if $position1
+      +absolute(if($position1, $position1, null), if($position2, $position2, null))
+    @if $size
+      +text-block($size, $options)

data/assets/stylesheets/options/web-fonts/_icomoon.css.sass

@@ -0,0 +1,10 @@
+=icomoon
+  font-family: 'icomoon'
+  speak: none
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale

data/assets/stylesheets/options/web-fonts/_lato.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic)
+
+=lato($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Lato', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_montserrat.css.sass

@@ -0,0 +1,13 @@
+@import url(//fonts.googleapis.com/css?family=Montserrat:400,700)
+
+// 備考:モントセラト（モントセラート、モンセラット）と読む
+=montserrat($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Montserrat', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_old-standard.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700)
+
+=old-standard($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Old Standard TT', serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_open-sans.css.sass

@@ -0,0 +1,11 @@
+@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800)
+=open-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Open Sans', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    +rem('letter-spacing', $ls)
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_podkova.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Podkova:400,700)
+
+=podkova($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Podkova', serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_pt-sans.css.sass

@@ -0,0 +1,12 @@
+@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic)
+
+=pt-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'PT Sans', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_roboto-condensed.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300)
+=roboto-condensed($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // 300 400 700
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Roboto Condensed', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_roboto.css.sass

@@ -0,0 +1,11 @@
+@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900)
+=roboto($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Roboto', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_satisfy.css.sass

@@ -0,0 +1,13 @@
+@import url(//fonts.googleapis.com/css?family=Satisfy)
+
+=satisfy($fw: null, $ls: null, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Satisfy', cursive
+  @if $fw
+    font-weight: $fw
+  @if $ls
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_source-code-pro.css.sass

@@ -0,0 +1,13 @@
+@import url(//fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900)
+
+// 備考:Adobeの等幅フォント
+=source-code-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Source Code Pro', monospace
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass

@@ -0,0 +1,13 @@
+@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic)
+
+// 備考:Adobeのsans-serif
+=source-sans-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Source Sans Pro', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_special-elite.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Special+Elite)
+
+=special-elite($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Special Elite', cursive
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

data/assets/stylesheets/options/web-fonts/_tauri.css.sass

@@ -0,0 +1,11 @@
+@import url(//fonts.googleapis.com/css?family=Tauri)
+=tauri($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  font-family: 'Tauri', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility
+    

data/assets/stylesheets/options/web-fonts/_ubuntu.css.sass

@@ -0,0 +1,12 @@
+@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic)
+
+=ubuntu($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
+  // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
+  font-family: 'Ubuntu', sans-serif
+  font-weight: $fw
+  @if not $ls == 0
+    letter-spacing: $ls
+  @if (not $fs == null)
+    font-style: italic
+  @if $tx-rendering
+    text-rendering: optimizelegibility

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

@@ -0,0 +1,54 @@
+@function background_color($value)
+  @if color($value)
+    @return true
+  @else
+    @return null
+
+@function background_position($value)
+  @if list($value)
+    @if str-slice(nth($value, 1), 1, 1) != '/'
+      @if position(nth($value, 1)) or position(nth($value, 2))
+        @return true
+      @else if number(nth($value, 1)) or number(nth($value, 2))
+        @return true
+      @else
+        @return null
+    @else
+      @return null
+  @else
+    @return null
+
+@function background_size($value)
+  @if string($value)
+    @if $value == 'auto' or $value == 'contain' or $value == 'cover'
+      @return true
+    @else if str-slice($value, 2) == 'auto' or $value == 'contain' or $value == 'cover'
+      @return true
+    @else
+      @return null
+  @else if list($value)
+    @if str-slice(nth($value, 1), 1, 1) == '/'
+      @if number(nth($value, 1)) or number(nth($value, 2))
+        @return true
+      @else
+        @return null
+  @else
+    @return null
+
+@function background_repeat($value)
+  @if $value == 'no-repeat' or $value == 'repeat' or $value == 'repeat-x' or $value == 'repeat-y'
+    @return true
+  @else
+    @return null
+
+@function background_attachment($value)
+  @if $value == 'fixed' or $value == 'scroll'
+    @return true
+  @else
+    @return null
+
+@function background_image($value)
+  @if image($value)
+    @return true
+  @else
+    @return null

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

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