middleman-oulu 0.5.10

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

@@ -0,0 +1,43 @@
+=reset-margin($directions: all)
+  @if $directions == 'all'
+    margin: 0
+  @else if $directions == 'horizontal'
+    margin-left: 0
+    margin-right: 0
+  @else if $directions == 'vertical'
+    margin-top: 0
+    margin-bottom: 0
+  @else
+    @each $direction in $directions
+      @if $direction == 'horizontal'
+        margin-left: 0
+        margin-right: 0
+      @else if $direction == 'vertical'
+        margin-top: 0
+        margin-bottom: 0
+      @else
+        margin-#{$direction}: 0
+
+=reset-padding($directions: all)
+  @if $directions == 'all'
+    padding: 0
+  @else if $directions == 'horizontal'
+    padding-left: 0
+    padding-right: 0
+  @else if $directions == 'vertical'
+    padding-top: 0
+    padding-bottom: 0
+  @else
+    @each $direction in $directions
+      @if $direction == 'horizontal'
+        padding-left: 0
+        padding-right: 0
+      @else if $direction == 'vertical'
+        padding-top: 0
+        padding-bottom: 0
+      @else
+        padding-#{$direction}: 0
+
+=reset-text
+  margin: 0
+  padding: 0

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

@@ -0,0 +1,160 @@
+// https://github.com/twbs/bootstrap-sass/blob/master/vendor/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-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
+  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-lg-min)
+    display: block !important
+
+.visible-lg-inline
+  @media (min-width: $screen-lg-min)
+    display: inline !important
+
+.visible-lg-inline-block
+  @media (min-width: $screen-lg-min)
+    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/assets/stylesheets/settings/mixins/_sassmatic.css.sass

@@ -0,0 +1,172 @@
+// sassmatic by
+// # TEAM
+//   Hugo Darby-Brown -- Author -- @darbybrown
+// # THANKS
+//   The Sass Team
+//   The Compass Team
+//   Jesse taylor for JS on the demo @Jesse__Taylor
+
+=filter-setup
+  content: ""
+  +absolute(bottom 0, left 0, right 0, top 0, 4)
+  +opacity(.4)
+
+/* =========================================
+ *Filter Washout
+ *=========================================
+
+%filter-washout
+  +filter(sepia(10%) saturate(0.8) brightness(1.5) contrast(0.8))
+  position: relative
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 40%, rgba(white, 0.9) 100%))
+    +filter-setup
+
+/* =========================================
+ *Filter Nikki
+ *=========================================
+
+%filter-nikki
+  +filter(saturate(1.3) brightness(1.1) contrast(1.1))
+  position: relative
+
+/* =========================================
+ *Filter Deadwood
+ *=========================================
+
+%filter-deadwood
+  +filter(sepia(40%) brightness(1.4) saturate(0.8))
+  position: relative
+  &:after
+    background: black
+    +filter-setup
+
+/* =========================================
+ *Filter SanFran
+ *=========================================
+
+%filter-sanfran
+  +filter(brightness(1.2) contrast(0.8) saturate(2) sepia(0.1))
+  position: relative
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.5) 100%))
+    +filter-setup
+
+/* =========================================
+ *Filter Noire
+ *=========================================
+
+%filter-noire
+  +filter(grayscale(90%) contrast(1.3))
+  position: relative
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 82%, rgba(0, 0, 0, 0.69) 83%, rgba(0, 0, 0, 1) 90%))
+    +filter-setup
+    +opacity(.7)
+
+/* =========================================
+ *Filter Neptune
+ *=========================================
+
+%filter-neptune
+  +filter(brightness(1.4) contrast(1) saturate(1))
+  position: relative
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
+    +filter-setup
+
+/* =========================================
+ *Filter Lomo
+ *=========================================
+
+%filter-lomo
+  +filter(contrast(1.3) saturate(1.2) brightness(140%))
+  position: relative
+  &:after
+    -webkit-filter: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 92%, rgba(0, 0, 0, 0.69) 93%, rgba(0, 0, 0, 1) 100%)
+    +filter-setup
+    +opacity(.9)
+
+/* =========================================
+ *Filter Warming
+ *=========================================
+
+%filter-warming
+  +filter(sepia(10%) saturate(0.9) brightness(140%))
+  position: relative
+  &:after
+    +rgba-background-inline(rgba(236, 138, 0, 0.2))
+    +filter-setup
+    +opacity(.6)
+
+/* =========================================
+ *Filter Cooling
+ *=========================================
+
+%filter-cooling
+  +filter(sepia(10%) saturate(0.9) brightness(140%))
+  position: relative
+  &:after
+    background-color: rgba(0, 109, 255, 0.35)
+    +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
+    +filter-setup
+
+/* =========================================
+ *Filter Pro
+ *=========================================
+
+%filter-pro
+  +filter(sepia(15%) contrast(1.7) saturate(0.7))
+  position: relative
+
+/* =========================================
+ *Filter Casablanca
+ *=========================================
+
+%filter-casablanca
+  +filter(grayscale(90%) contrast(0.8) brightness(110%))
+  position: relative
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.9) 100%))
+    +filter-setup
+
+/* =========================================
+ *Filter Glassic
+ *=========================================
+
+%filter-glassic
+  +filter(brightness(90%) contrast(1.2))
+  position: relative
+  &:after
+    +background-image(linear-gradient(left bottom, rgba(244, 244, 244, 0.3) 0%, rgba(244, 244, 244, 0.3) 60%, rgba(244, 244, 244, 0.7) 60%, rgba(255, 255, 255, 1) 100%))
+    +box-shadow( 0px 0px 10rem rgba(255, 255, 255, 1) inset)
+    +filter-setup
+    +opacity(.6)
+
+/* =========================================
+ *Filter Custom
+ *=========================================
+
+=filter-custom($var: none)
+  +filter($var)
+  position: relative
+  &:after
+    content: ""
+    +absolute(right 0, bottom 0, top 0, left 0, 4)
+
+/* =========================================
+ *Filter Color
+ *=========================================
+
+=filter-color($color: #df8800, $opacity: 0.4)
+  &:after
+    +rgba-background-inline(rgba($color, $opacity))
+
+/* =========================================
+ *Filter Vignette
+ *=========================================
+
+=filter-vignette($color: black, $start: 80%, $stop: 95%, $extra: 0)
+  &:after
+    +background-image(radial-gradient(center, ellipse cover, rgba($color, 0) $start, rgba($color, 0.9) $stop))
+    +box-shadow( 0 0 $extra rgba($color, 1) inset)

data/assets/stylesheets/settings/mixins/_sprite-background.css.sass

@@ -0,0 +1,18 @@
+// http://qiita.com/orangemittoo/items/1c9f32296836d3ea125e
+
+$sprite-map: sprite-map("sprites/*.png", $layout: smart)
+$map-img: sprite-url($sprite-map)
+
+=sprite-background($name, $background-size: null, $background-repeat: null)
+  // block;
+  background-image: $map-img
+  $pos: sprite-position($sprite-map, $name)
+  background-position: nth($pos, 1) / 2 nth($pos, 2) / 2
+  @if $background-size
+    +background-size($background-size)
+  @else
+    +background-size(ceil(image-width(sprite-path($sprite-map)) / 2) auto)
+  @if $background-repeat
+    background-repeat: $background-repeat
+  @else
+    background-repeat: no-repeat

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

@@ -0,0 +1,14 @@
+=table($margin-bottom: 24px, $table-scroll: null)
+  min-width: 100%
+  +rem('margin-bottom', $margin-bottom)
+  @if $table-scroll
+    min-width: 100%
+  @else
+    width: 100%
+
+=table-cell($vertical-align: middle, $padding: 8px 12px, $is-nowrap: null)
+  +rem('padding', $padding)
+  vertical-align: $vertical-align
+  +box-sizing(border-box)
+  @if $is-nowrap
+    white-space: nowrap

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

@@ -0,0 +1,21 @@
+// どこでも font-weight と text-align と color と +top() が書ける設定
+=text-block-options($value)
+  font-weight: if(font_weight($value), $value, null)
+  text-align: if(text_align($value), $value, null)
+  color: if(color($value), $value, null)
+  @if px($value)
+    +top($value, null)
+
+// +text-block($font-size $line-height $margin-bottom, $font-weight $text-align $color $top)
+=text-block($value1: null, $value2: null)
+  +rem('font-size', nth($value1, 1))
+  +rem('line-height', optional_nth($value1, 2))
+  +rem('margin-bottom', optional_nth($value1, 3))
+  @if ($value2)
+    @for $i from 1 through length($value2)
+      +text-block-options(nth($value2, $i))
+
+=letter-spacing-center($space-width)
+  @if $space-width
+    +rem('letter-spacing', $space-width)
+    +rem('text-indent', $space-width)

data/assets/stylesheets/settings/variables/_default.css.sass

@@ -0,0 +1,69 @@
+/////////////////
+// positions
+////////////////
+
+$all: top right bottom left
+$horizontal: left right
+$vertical: top bottom
+
+/////////////////
+// compass
+////////////////
+
+// rgbapng
+$rgbapng_path: 'rgbapngs' !default
+$rgbapng_px_size: 8 !default
+
+/////////////////
+// layout
+////////////////
+
+$wrapper-class-name: wrapper !default
+$wrapper-max-width: 1100px !default
+$wrapper-horizontal-padding: 16px !default
+
+/////////////////
+// selection
+////////////////
+
+$selection-bg-color: black !default
+$selection-tx-color: white !default
+$input-selection-bg-color: lightgray !default
+$input-selection-tx-color: black !default
+
+/////////////////
+// text-color
+////////////////
+
+$bright-text-color: white !default
+$dark-text-color: black !default
+
+/////////////////
+// grids
+////////////////
+
+// screens
+$screen-xs: 480px !default
+$screen-sm: 768px !default
+$screen-md: 992px !default
+$screen-lg: 1200px !default
+
+// 横一列の最大カラム数
+$columns-count: 12 !default
+
+// カラムとカラムの間のスペース
+$gutter-width: 50px !default
+
+/////////////////
+// font
+////////////////
+
+$ms-base: 16px !default
+
+$fw: 400 !default
+
+$basic-sans-serif: "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif !default
+$basic-legacy-ie-sans-serif: "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif !default
+$basic-bold-sans-serif: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "メイリオ", Meiryo, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif !default
+$basic-serif: "Times New Roman", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "游明朝", YuMincho, Meiryo, serif !default
+$basic-mono: Osaka-mono, "MS Gothic", monospace

data/lib/middleman-oulu/version.rb

@@ -0,0 +1,5 @@
+module Middleman
+  module Oulu
+    VERSION = "0.5.10"
+  end
+end

data/lib/middleman-oulu.rb

@@ -0,0 +1,13 @@
+require "middleman-oulu/version"
+require 'compass'
+
+module Middleman
+  module Oulu
+    require 'rgbapng'
+    require 'SassyLists'
+    require 'ceaser-easing'
+    require 'modular-scale'
+    require 'toolkit'
+    require 'sassy-maps'
+  end
+end

data/middleman-oulu.gemspec

@@ -0,0 +1,34 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'middleman-oulu/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "middleman-oulu"
+  spec.version       = Middleman::Oulu::VERSION
+  spec.authors       = ["machida"]
+  spec.email         = ["machidanohimitsu@gmail.com"]
+  spec.description   = %q{This gem provides assets files for Middleman Project.}
+  spec.summary       = %q{My assets gem for middleman.}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency("bundler", "~> 1.3")
+  spec.add_dependency("rake")
+  spec.add_dependency("sass", "~> 3.4.5")
+  spec.add_dependency("compass", "~> 1.0.1")
+
+  spec.add_dependency("oily_png")
+  spec.add_dependency("ceaser-easing")
+  spec.add_dependency("compass-rgbapng")
+  spec.add_dependency("modular-scale")
+  spec.add_dependency("SassyLists")
+  spec.add_dependency("sassy-maps")
+  spec.add_dependency("toolkit")
+
+end