middleman-oulu 0.6.7 → 0.6.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0469ffb3a31e35d2eb3da135851d013b48c2d156
-  data.tar.gz: 9bbf0b2484f8675c633df34e6697e8b1f8913d64
+  metadata.gz: f4f58b42a0ffcbb056c849ed9fc59679b602f66f
+  data.tar.gz: 9ec7329ed42291e1f92d7f5efb175cb517ae1758
 SHA512:
-  metadata.gz: 54709c7e4cadb82d3e8b5f31c65ffc236ba2671452f41ce4c00efbff8d178d90f223650a63f33e2d196c8254f07c644689c993a983232cb9566875706e11bf3a
-  data.tar.gz: 317217fed70a80a1ad0fd73814273d36ee53bafff5593d99107fe4683b156d2ab6893a1fe7990e0ca1476e2f2dec28305fc3e81fc0c99258ca113292c253f369
+  metadata.gz: 19b077a46608ffadb17fadb617ddf503ae84e554e5f17d0c528c5624ff6450bc5ce60d0e55fcd94d48828e6e36d9a7076586738707c6e4bea1bedea8003f85d2
+  data.tar.gz: 11537325410dd106bef8677f297f24f4679cadeef28a5b1e6294213fb45d48623ab42e3a6206598be561d3fce835ef142be1a4521e3e421f560dc4df727c7f6d

data/assets/javascripts/oulu/plugins/waves.js

@@ -0,0 +1,338 @@
+/*!
+ * Waves v0.6.4
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+
+;(function(window) {
+    'use strict';
+
+    var Waves = Waves || {};
+    var $$ = document.querySelectorAll.bind(document);
+
+    // Find exact position of element
+    function isWindow(obj) {
+        return obj !== null && obj === obj.window;
+    }
+
+    function getWindow(elem) {
+        return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+    }
+
+    function offset(elem) {
+        var docElem, win,
+            box = {top: 0, left: 0},
+            doc = elem && elem.ownerDocument;
+
+        docElem = doc.documentElement;
+
+        if (typeof elem.getBoundingClientRect !== typeof undefined) {
+            box = elem.getBoundingClientRect();
+        }
+        win = getWindow(doc);
+        return {
+            top: box.top + win.pageYOffset - docElem.clientTop,
+            left: box.left + win.pageXOffset - docElem.clientLeft
+        };
+    }
+
+    function convertStyle(obj) {
+        var style = '';
+
+        for (var a in obj) {
+            if (obj.hasOwnProperty(a)) {
+                style += (a + ':' + obj[a] + ';');
+            }
+        }
+
+        return style;
+    }
+
+    var Effect = {
+
+        // Effect delay
+        duration: 750,
+
+        show: function(e, element) {
+
+            // Disable right click
+            if (e.button === 2) {
+                return false;
+            }
+
+            var el = element || this;
+
+            // Create ripple
+            var ripple = document.createElement('div');
+            ripple.className = 'waves-ripple';
+            el.appendChild(ripple);
+
+            // Get click coordinate and element witdh
+            var pos         = offset(el);
+            var relativeY   = (e.pageY - pos.top);
+            var relativeX   = (e.pageX - pos.left);
+            var scale       = 'scale('+((el.clientWidth / 100) * 10)+')';
+
+            // Support for touch devices
+            if ('touches' in e) {
+              relativeY   = (e.touches[0].pageY - pos.top);
+              relativeX   = (e.touches[0].pageX - pos.left);
+            }
+
+            // Attach data to element
+            ripple.setAttribute('data-hold', Date.now());
+            ripple.setAttribute('data-scale', scale);
+            ripple.setAttribute('data-x', relativeX);
+            ripple.setAttribute('data-y', relativeY);
+
+            // Set ripple position
+            var rippleStyle = {
+                'top': relativeY+'px',
+                'left': relativeX+'px'
+            };
+
+            ripple.className = ripple.className + ' waves-notransition';
+            ripple.setAttribute('style', convertStyle(rippleStyle));
+            ripple.className = ripple.className.replace('waves-notransition', '');
+
+            // Scale the ripple
+            rippleStyle['-webkit-transform'] = scale;
+            rippleStyle['-moz-transform'] = scale;
+            rippleStyle['-ms-transform'] = scale;
+            rippleStyle['-o-transform'] = scale;
+            rippleStyle.transform = scale;
+            rippleStyle.opacity   = '1';
+
+            rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
+            rippleStyle['-moz-transition-duration']    = Effect.duration + 'ms';
+            rippleStyle['-o-transition-duration']      = Effect.duration + 'ms';
+            rippleStyle['transition-duration']         = Effect.duration + 'ms';
+
+            rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+            rippleStyle['-moz-transition-timing-function']    = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+            rippleStyle['-o-transition-timing-function']      = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+            rippleStyle['transition-timing-function']         = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+
+            ripple.setAttribute('style', convertStyle(rippleStyle));
+        },
+
+        hide: function(e) {
+            TouchHandler.touchup(e);
+
+            var el = this;
+            var width = el.clientWidth * 1.4;
+
+            // Get first ripple
+            var ripple = null;
+            var ripples = el.getElementsByClassName('waves-ripple');
+            if (ripples.length > 0) {
+                ripple = ripples[ripples.length - 1];
+            } else {
+                return false;
+            }
+
+            var relativeX   = ripple.getAttribute('data-x');
+            var relativeY   = ripple.getAttribute('data-y');
+            var scale       = ripple.getAttribute('data-scale');
+
+            // Get delay beetween mousedown and mouse leave
+            var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
+            var delay = 350 - diff;
+
+            if (delay < 0) {
+                delay = 0;
+            }
+
+            // Fade out ripple after delay
+            setTimeout(function() {
+                var style = {
+                    'top': relativeY+'px',
+                    'left': relativeX+'px',
+                    'opacity': '0',
+
+                    // Duration
+                    '-webkit-transition-duration': Effect.duration + 'ms',
+                    '-moz-transition-duration': Effect.duration + 'ms',
+                    '-o-transition-duration': Effect.duration + 'ms',
+                    'transition-duration': Effect.duration + 'ms',
+                    '-webkit-transform': scale,
+                    '-moz-transform': scale,
+                    '-ms-transform': scale,
+                    '-o-transform': scale,
+                    'transform': scale,
+                };
+
+                ripple.setAttribute('style', convertStyle(style));
+
+                setTimeout(function() {
+                    try {
+                        el.removeChild(ripple);
+                    } catch(e) {
+                        return false;
+                    }
+                }, Effect.duration);
+            }, delay);
+        },
+
+        // Little hack to make <input> can perform waves effect
+        wrapInput: function(elements) {
+            for (var a = 0; a < elements.length; a++) {
+                var el = elements[a];
+
+                if (el.tagName.toLowerCase() === 'input') {
+                    var parent = el.parentNode;
+
+                    // If input already have parent just pass through
+                    if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
+                        continue;
+                    }
+
+                    // Put element class and style to the specified parent
+                    var wrapper = document.createElement('i');
+                    wrapper.className = el.className + ' waves-input-wrapper';
+
+                    var elementStyle = el.getAttribute('style');
+
+                    if (!elementStyle) {
+                        elementStyle = '';
+                    }
+
+                    wrapper.setAttribute('style', elementStyle);
+
+                    el.className = 'waves-button-input';
+                    el.removeAttribute('style');
+
+                    // Put element as child
+                    parent.replaceChild(wrapper, el);
+                    wrapper.appendChild(el);
+                }
+            }
+        }
+    };
+
+
+    /**
+     * Disable mousedown event for 500ms during and after touch
+     */
+    var TouchHandler = {
+        /* uses an integer rather than bool so there's no issues with
+         * needing to clear timeouts if another touch event occurred
+         * within the 500ms. Cannot mouseup between touchstart and
+         * touchend, nor in the 500ms after touchend. */
+        touches: 0,
+        allowEvent: function(e) {
+            var allow = true;
+
+            if (e.type === 'touchstart') {
+                TouchHandler.touches += 1; //push
+            } else if (e.type === 'touchend' || e.type === 'touchcancel') {
+                setTimeout(function() {
+                    if (TouchHandler.touches > 0) {
+                        TouchHandler.touches -= 1; //pop after 500ms
+                    }
+                }, 500);
+            } else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
+                allow = false;
+            }
+
+            return allow;
+        },
+        touchup: function(e) {
+            TouchHandler.allowEvent(e);
+        }
+    };
+
+
+    /**
+     * Delegated click handler for .waves-effect element.
+     * returns null when .waves-effect element not in "click tree"
+     */
+    function getWavesEffectElement(e) {
+        if (TouchHandler.allowEvent(e) === false) {
+            return null;
+        }
+
+        var element = null;
+        var target = e.target || e.srcElement;
+
+        while (target.parentElement !== null) {
+            if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
+                element = target;
+                break;
+            } else if (target.classList.contains('waves-effect')) {
+                element = target;
+                break;
+            }
+            target = target.parentElement;
+        }
+
+        return element;
+    }
+
+    /**
+     * Bubble the click and show effect if .waves-effect elem was found
+     */
+    function showEffect(e) {
+        var element = getWavesEffectElement(e);
+
+        if (element !== null) {
+            Effect.show(e, element);
+
+            if ('ontouchstart' in window) {
+                element.addEventListener('touchend', Effect.hide, false);
+                element.addEventListener('touchcancel', Effect.hide, false);
+            }
+
+            element.addEventListener('mouseup', Effect.hide, false);
+            element.addEventListener('mouseleave', Effect.hide, false);
+        }
+    }
+
+    Waves.displayEffect = function(options) {
+        options = options || {};
+
+        if ('duration' in options) {
+            Effect.duration = options.duration;
+        }
+
+        //Wrap input inside <i> tag
+        Effect.wrapInput($$('.waves-effect'));
+
+        if ('ontouchstart' in window) {
+            document.body.addEventListener('touchstart', showEffect, false);
+        }
+
+        document.body.addEventListener('mousedown', showEffect, false);
+    };
+
+    /**
+     * Attach Waves to an input element (or any element which doesn't
+     * bubble mouseup/mousedown events).
+     *   Intended to be used with dynamically loaded forms/inputs, or
+     * where the user doesn't want a delegated click handler.
+     */
+    Waves.attach = function(element) {
+        //FUTURE: automatically add waves classes and allow users
+        // to specify them with an options param? Eg. light/classic/button
+        if (element.tagName.toLowerCase() === 'input') {
+            Effect.wrapInput([element]);
+            element = element.parentElement;
+        }
+
+        if ('ontouchstart' in window) {
+            element.addEventListener('touchstart', showEffect, false);
+        }
+
+        element.addEventListener('mousedown', showEffect, false);
+    };
+
+    window.Waves = Waves;
+
+    document.addEventListener('DOMContentLoaded', function() {
+        Waves.displayEffect();
+    }, false);
+
+})(window);

data/assets/stylesheets/modules/buttons/_button-base.sass

@@ -0,0 +1,45 @@
+=button-base
+  +inline-block(middle)
+  cursor: pointer
+  +box-sizing(border-box)
+  text-align: center
+  +user-select(none)
+  touch-action: manipulation
+  text-decoration: none
+  -webkit-tap-highlight-color: transparent
+
+=button-size($size, $border-width: 0)
+  $font-size: ""
+  @if $size == 'xs'
+    $font-size: 12px
+  @else if $size == 'sm'
+    $font-size: 14px
+  @else if $size == 'md'
+    $font-size: 16px
+  @else if $size == 'lg'
+    $font-size: 18px
+  @else if $size == 'xl'
+    $font-size: 20px
+  $height: round($font-size * 2 + $font-size/2.2)
+  +border(all, $border-width)
+  +text-block($font-size $height - ($border-width*2))
+  +rem('height', $height)
+  +padding(horizontal, $height/2)
+  @if $font-size > 12px
+    font-weight: bold
+  i
+    @if $font-size > 28
+      +rem('margin-right', $font-size/4)
+    @else
+      +rem('margin-right', $font-size/3)
+  &.has-right-icon
+    i
+      margin-right: 0
+        @if $font-size > 28
+          +rem('margin-left', $font-size/4)
+        @else
+          +rem('margin-left', $font-size/3)
+
+=button-group
+  .is-button-group
+    @content

data/assets/stylesheets/modules/buttons/_button-helper.sass

@@ -0,0 +1,27 @@
+// button option
+[class^="is-button"]
+  &.is-block
+    display: block
+    width: 100%
+  &.has-image
+    height: auto
+  .is-button-note
+    +inline-block
+    +rem('font-size', 12px)
+    +rem('margin-left', 6px)
+
+// button-group
+.is-button-group
+  font-size: 0
+  >li
+    display: inline
+    letter-spacing: normal
+    font-size: 0
+    [class^="is-button"]
+      +border-radius(0)
+    &:first-child
+      [class^="is-button"]
+        +border-left-radius(4px)
+    &:last-child
+      [class^="is-button"]
+        +border-right-radius(4px)

data/assets/stylesheets/modules/buttons/_buttons.sass

@@ -0,0 +1,51 @@
+$button-sizes: xs, sm, md, lg, xl
+$button-color-names: default, primary, success, warning, danger
+$button-styles: normal, border, flat-emboss, material
+
+@import button-base
+
+@import styles/normal
+@import styles/border
+@import styles/flat-emboss
+@import styles/material
+
+@import button-helper
+
+=button($style, $size, $color, $options: false)
+  +button-base
+  @if $style == normal
+    +button-size($size, 1px)
+    +normal-button($color)
+  @else if $style == border
+    +button-size($size, 1px)
+    +border-button($color)
+  @else if $style == flat-emboss
+    +button-size($size)
+    +flat-emboss-button($color)
+  @else if $style == material
+    +button-size($size)
+    +material-button($color)
+  @each $option in $options
+    @if $option == 'left'
+      text-align: left
+    @if $option == 'right'
+      text-align: right
+
+@each $button-size in $button-sizes
+  $button-color-name: ''
+  $button-color: ''
+  $button-style: ''
+  @each $button-color-name in $button-color-names
+    @each $button-style in $button-styles
+      .is-button-#{$button-style}-#{$button-size}-#{$button-color-name}
+        @if $button-color-name == default
+          $button-color: $default
+        @else if $button-color-name == primary
+          $button-color: $primary
+        @else if $button-color-name == success
+          $button-color: $success
+        @else if $button-color-name == warning
+          $button-color: $warning
+        @else if $button-color-name == danger
+          $button-color: $danger
+        +button($button-style, $button-size, $button-color)

data/assets/stylesheets/modules/buttons/styles/_border.sass

@@ -0,0 +1,25 @@
+=border-button($color)
+  +border(all, solid)
+  +border-radius(4px)
+  @if $color == $default
+    $color: $text-color
+  @else
+    color: $color
+  border-color: $color
+  background-color: transparent
+  &:link,
+  &:visited
+    color: $color
+  &:hover,
+  &.hover,
+  &.is-hover
+    color: $color
+    background-color: rgba($color, .1)
+  &:active,
+  &.active,
+  &.is-active
+    color: $color
+    background-color: rgba($color, .3)
+  &.is-checked
+    color: $default-text-reversal
+    background-color: $color

data/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass

@@ -0,0 +1,25 @@
+=flat-emboss-button($color: blue)
+  +transition(.5s (background-image))
+  +border-radius(4px)
+  background-color: $color
+  color: luma_contrast_color($color)
+  box-shadow: shade($color, 18%) 0 3px 0
+  text-shadow: if(luma_bright($color), lighten($color, 8%) 0 1px 0, darken($color, 8%) 0 -1px 0)
+  &:hover,
+  .hover,
+  .is-hover
+    $color: lighten($color, 6%)
+    @if $color == white
+      background-color: #f4f4f4
+    @else
+      background-color: $color
+  &:active,
+  .active,
+  .is-active
+    $color: lighten($color, 6%)
+    @if $color == white
+      background-color: #f4f4f4
+    @else
+      background-color: $color
+    box-shadow: shade($color, 18%) 0 2px 0
+    +top(1px)

data/assets/stylesheets/modules/buttons/styles/_material.sass

@@ -0,0 +1,89 @@
+=waves-effect($color: black)
+  +relative(1)
+  overflow: hidden
+  will-change: opacity, transform
+  +transition(all .3s ease-out)
+  .waves-ripple
+    +absolute
+    border-radius: 50%
+    +block-size(20px)
+    +rem('margin-top', -10px)
+    +rem('margin-left', -10px)
+    opacity: 0
+    @if $color == 'light'
+      background-color: rgba(white, 0.45)
+    @else if $color == 'red'
+      background-color: rgba(#F44336, .70)
+    @else if $color == 'yellow'
+      background-color: rgba(#FFEB3B, .70)
+    @else if $color == 'orange'
+      background-color: rgba(#FF9800, .70)
+    @else if $color == 'purple'
+      background-color: rgba(#9C27B0, 0.70)
+    @else if $color == 'green'
+      background-color: rgba(#4CAF50, 0.70)
+    @else if $color == 'teal'
+      background-color: rgba(#009688, 0.70)
+    @else if luma_bright(lighten($color, 5%))
+      background-color: lighten($color, 45%)
+    @else
+      background-color: darken($color, 20%)
+    +transition(all 0.7s ease-out)
+    -webkit-transition-property: -webkit-transform, opacity
+    -moz-transition-property: -moz-transform, opacity
+    -o-transition-property: -o-transform, opacity
+    transition-property: transform, opacity
+    +transform(scale(0))
+    pointer-events: none
+
+=material-button($color: blue)
+  +transition(.2s ease-out)
+  +border-radius(2px)
+  background-color: $color
+  color: luma_contrast_color($color)
+  box-shadow: 0 2px 5px 0 rgba(black, .16), 0 2px 10px 0 rgba(black, .12)
+  +rem('letter-spacing', .5px)
+  +waves-effect($color)
+  &:hover,
+  .hover,
+  .is-hover
+    $color: lighten($color, 5%)
+    box-shadow: 0 5px 11px 0 rgba(black, .18), 0 4px 15px 0 rgba(black, .15)
+    @if $color == white
+      background-color: #f4f4f4
+    @else
+      background-color: $color
+  &:active,
+  .active,
+  .is-active
+    $color: lighten($color, 6%)
+    @if $color == white
+      background-color: #f4f4f4
+    @else
+      background-color: $color
+    box-shadow: shade($color, 18%) 0 2px 0
+    +top(1px)
+
+.waves-effect
+  +waves-effect($color: white)
+.waves-notransition
+  +transition(none #{"!important"})
+.waves-circle
+  +transform(translateZ(0))
+  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
+.waves-input-wrapper
+  border-radius: 0.2em
+  vertical-align: bottom
+  .waves-button-input
+    +relative(1, top 0, left 0)
+.waves-circle
+  text-align: center
+  +size(2.5em)
+  line-height: 2.5em
+  border-radius: 50%
+  -webkit-mask-image: none
+.waves-block
+  display: block
+/* Firefox Bug: link not triggered */
+a.waves-effect .waves-ripple
+  z-index: -1

data/assets/stylesheets/modules/buttons/styles/_normal.sass

@@ -0,0 +1,25 @@
+=normal-button-color($color)
+  background-color: $color
+  +background-image(linear-gradient(top, tint($color, 6%) 0%, shade($color, 6%) 100%))
+  color: luma_contrast_color($color)
+  +border(all, solid)
+  border-color: shade($color, 10%) shade($color, 16%) shade($color, 26%)
+  text-shadow: if(luma_bright($color), lighten($color, 18%) 0 1px 0, darken($color, 18%) 0 -1px 0)
+
+=normal-button($color: blue)
+  +transition(.5s (background-image))
+  +border-radius(4px)
+  +normal-button-color($color)
+  box-shadow: tint($color, 32%) 0 1px 0 inset, shade($color, 26%) 0 1px 0, rgba(black, .15) 0 2px 1px
+  &:hover,
+  &.hover,
+  &.is-hover
+    $color: lighten($color, 5%)
+    +normal-button-color($color)
+  &:active,
+  &.active,
+  &.is-active
+    $color: lighten($color, 7%)
+    +normal-button-color($color)
+    +top(1px)
+    box-shadow: darken($color, 12%) 0 1px 0 inset, rgba(white, .3) 0 1px 1px

data/assets/stylesheets/modules/navs/_tabs-nav.sass

@@ -0,0 +1,39 @@
+$tabs-nav-border-color: black !default
+$tabs-nav-background-color: white !default
+$tabs-nav-border-width: 2px !default
+$tabs-nav-font-size: 16px !default
+$tabs-nav-item-gutter: 8px !default
+$tabs-nav-font-color: black !default
+$tabs-nav-current-font-color: red !default
+
+.tabs-nav__items
+  font-size: 0
+  +relative
+  &:before
+    content: ""
+    display: block
+    +block-size(100% $tabs-nav-border-width)
+    background-color: $tabs-nav-border-color
+    +absolute(left 0, bottom 0)
+.tabs-nav__item
+  +inline-block(bottom)
+  +rem('margin-right', 8px)
+  &:last-child
+    margin-right: 0
+.tabs-nav__link
+  +block-link
+  +border(top horizontal, $tabs-nav-border-width solid $tabs-nav-border-color)
+  +rem('padding-bottom', $tabs-nav-border-width)
+  +text-block($tabs-nav-font-size round($tabs-nav-font-size*2.6), center $tabs-nav-font-color)
+  +padding(horizontal, $tabs-nav-font-size*1.6)
+  +box-sizing(border-box)
+  +relative
+  &:before
+    display: block
+    +block-size(100% $tabs-nav-border-width)
+    background-color: $tabs-nav-background-color
+    +absolute(left 0, bottom 0)
+  &.is-current
+    color: $tabs-nav-current-font-color
+    &:before
+      content: ""

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

@@ -58,3 +58,12 @@
 
 =background-clip($value)
   +prefixer(background-clip, $value, webkit moz spec)
+
+=box-shadow($values)
+  +rem(box-shadow, $values)
+
+=text-shadow($values)
+  +rem(text-shadow, $values)
+
+=border-radius($values)
+  +rem(border-radius, $values)

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

@@ -60,3 +60,26 @@ $basic-mono: Osaka-mono, "MS Gothic", monospace !default
 $basic-maru: "Varela Round", "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "HG丸ゴシックM-PRO", "Hiragino Maru Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif !default
 $basic-fonts: $basic-sans-serif !default
 $basic-legacy-ie-fonts: $basic-legacy-ie-sans-serif !default
+
+/////////////////
+// UI colors
+////////////////
+
+$default: #ffffff !default
+$primary: #337AB7 !default
+$success: #5CB85C !default
+$info: #5BC0DE !default
+$warning: #F0AD4E !default
+$danger: #D9534F !default
+
+$text-color: #333333 !default
+$default-text-reversal: #ffffff !default
+
+/////////////////
+// SNS colors
+////////////////
+
+$twitter: #55acee
+$facebook: #3b5998
+$hatena: #008FDE
+$pocket: #f23c53

data/lib/middleman-oulu/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module Oulu
-    VERSION = "0.6.7"
+    VERSION = "0.6.8"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-oulu
 version: !ruby/object:Gem::Version
-  version: 0.6.7
+  version: 0.6.8
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-27 00:00:00.000000000 Z
+date: 2015-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -81,9 +81,6 @@ files:
 - assets/javascripts/oulu-ie8.js
 - assets/javascripts/oulu-ie9.js
 - assets/javascripts/oulu.js
-- assets/javascripts/oulu/dev/positions-p.js.coffee
-- assets/javascripts/oulu/dev/positions-pp.js.coffee
-- assets/javascripts/oulu/dev/positions.js.coffee
 - assets/javascripts/oulu/helpers/js-autosize.js.coffee
 - assets/javascripts/oulu/helpers/js-checkbox.js.coffee
 - assets/javascripts/oulu/helpers/js-click-animate.js.coffee
@@ -117,6 +114,7 @@ files:
 - assets/javascripts/oulu/plugins/jquery.css3form.js
 - assets/javascripts/oulu/plugins/jquery.depend.min.js
 - assets/javascripts/oulu/plugins/sns-buttons.js
+- assets/javascripts/oulu/plugins/waves.js
 - assets/stylesheets/_oulu-base.sass
 - assets/stylesheets/_oulu.sass
 - assets/stylesheets/helpers/_block.sass
@@ -125,6 +123,14 @@ files:
 - assets/stylesheets/helpers/_margin-padding.sass
 - assets/stylesheets/helpers/_position.sass
 - assets/stylesheets/helpers/_typoglaphy.sass
+- assets/stylesheets/modules/buttons/_button-base.sass
+- assets/stylesheets/modules/buttons/_button-helper.sass
+- assets/stylesheets/modules/buttons/_buttons.sass
+- assets/stylesheets/modules/buttons/styles/_border.sass
+- assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
+- assets/stylesheets/modules/buttons/styles/_material.sass
+- assets/stylesheets/modules/buttons/styles/_normal.sass
+- assets/stylesheets/modules/navs/_tabs-nav.sass
 - assets/stylesheets/options/amazlet/_amazlet.sass
 - assets/stylesheets/options/glitch/_glitch.sass
 - assets/stylesheets/options/oulu-buttons/_button-basic.sass

data/assets/javascripts/oulu/dev/positions-p.js.coffee

@@ -1,34 +0,0 @@
-$ ->
-  $("body").mousemove (e) ->
-    mouseX = e.pageX
-    mouseY = e.pageY
-    $("#mouseX").val mouseX
-    $("#mouseY").val mouseY
-
-  # get scroll amount.
-  window.onscroll = ->
-    scrollX = document.documentElement.scrollLeft
-    scrollY = document.documentElement.scrollTop
-    $("#scrollX").value = scrollX
-    $("#scrollY").value = scrollY
-
-  $("#js-target-field").mousemove (e) ->
-    divMouseX = undefined
-    divMouseY = undefined
-    offsetX = 0
-    offsetY = 0
-    element = this
-    scrollX = document.documentElement.scrollLeft
-    scrollY = document.documentElement.scrollTop
-    while element
-      offsetX += element.offsetLeft
-      offsetY += element.offsetTop
-      element = element.offsetParent
-    if e
-      divMouseX = e.pageX - offsetX
-      divMouseY = e.pageY - offsetY
-    else
-      divMouseX = event.pageX + document.body.scrollLeft - offsetX
-      divMouseY = event.pageY + document.body.scrollTop - offsetY
-    $("#divMouseX").value divMouseX
-    $("#divMouseY").value divMouseY

data/assets/javascripts/oulu/dev/positions-pp.js.coffee

@@ -1,57 +0,0 @@
-try
-  window.addEventListener "load", (->
-
-    # get mouse coords at window.
-    window.onmousemove = (e) ->
-      mouseX = undefined
-      mouseY = undefined
-      if e
-        mouseX = e.pageX
-        mouseY = e.pageY
-      else
-        mouseX = event.pageX + document.body.scrollLeft
-        mouseY = event.pageY + document.body.scrollTop
-      document.getElementById("mouseX").value = mouseX
-      document.getElementById("mouseY").value = mouseY
-
-
-    # get scroll amount.
-    window.onscroll = ->
-      scrollX = document.documentElement.scrollLeft
-      scrollY = document.documentElement.scrollTop
-      document.getElementById("scrollX").value = scrollX
-      document.getElementById("scrollY").value = scrollY
-
-
-    # get mouse coords at targetDiv.
-    document.getElementById("js-target-field").onmousemove = (e) ->
-      mouseX = undefined
-      mouseY = undefined
-      offsetX = 0
-      offsetY = 0
-      element = this
-      while element
-        offsetX += element.offsetLeft
-        offsetY += element.offsetTop
-        element = element.offsetParent
-      if e
-        mouseX = e.pageX - offsetX
-        mouseY = e.pageY - offsetY
-      else
-        mouseX = event.pageX + document.body.scrollLeft - offsetX
-        mouseY = event.pageY + document.body.scrollTop - offsetY
-      document.getElementById("divMouseX").value = mouseX
-      document.getElementById("divMouseY").value = mouseY
-
-
-    # get Window Size.
-    window.onresize = (e) ->
-      w = window.innerWidth
-      h = window.innerHeight
-      document.getElementById("windowW").value = w
-      document.getElementById("windowH").value = h
-
-    document.getElementById("windowW").value = window.innerWidth
-    document.getElementById("windowH").value = window.innerHeight
-    prettyPrint()
-  ), false

data/assets/javascripts/oulu/dev/positions.js.coffee

@@ -1,6 +0,0 @@
-$ ->
-  $("body").mousemove (e) ->
-    mouseX = e.pageX
-    mouseY = e.pageY
-    $("#mouseX").val mouseX
-    $("#mouseY").val mouseY