oulu-rails 0.6.5 → 0.6.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6da997af59d6ab87a13f888320bab78d77606f3f
-  data.tar.gz: 7720b636be50631830e37c567dbd2dab800803e3
+  metadata.gz: 812d969978a92ca381503df3a29895616bc7a02a
+  data.tar.gz: 37f4e337a216456241cf204915a51773a97f8421
 SHA512:
-  metadata.gz: afeab00aa65ad796e8fd3abdce34bf547763df666d6fb7940179d797f4ea39446d3fb7f0dcb2309efd1a7ecf01ccc7cd1a88b3865410bc3c3e6ef2d5cc8000ee
-  data.tar.gz: 66850469106a8cd8c58c31cfe21a1b18d7fcaf9c69a1da2b034da5a0939909ca3f936adc94e460da89a1634ee1ce9899e1149eb435ac0f671b566db82a6d56f7
+  metadata.gz: 418e510f077987490bca984fcfd857d8d9581e6a87a5937964a0b9f2555e7fcf4cf1b1433ff9a4035ce7bcde25ddfe0b9cd026f850e6ea3a29dc2534aed3fc49
+  data.tar.gz: 4af3bd2b86bfe628b7e77c7e9905824e517f98aa765422a527c0cb258082aef3148c173fda8b167f2b89ca727dcea44c664f31755d1f1bbad17d5d957b7822ab

data/lib/oulu-rails/version.rb

@@ -1,3 +1,3 @@
 module OuluRails
-  VERSION = "0.6.5"
+  VERSION = "0.6.10"
 end

data/vendor/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/vendor/assets/stylesheets/helpers/_typoglaphy.sass

@@ -17,11 +17,11 @@ body
     text-indent: 0
 
   // text-align
-  .is-align-center
+  .is-center-align
     text-align: center
-  .is-align-right
+  .is-right-align
     text-align: right
-  .is-align-left
+  .is-left-align
     text-align: left
 
   .is-nowrap

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

@@ -0,0 +1,54 @@
+=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)
+  &.is-input-container
+    padding: 0
+    +relative
+    i
+      +absolute(left $height/2, top 0)
+      +rem('line-height', $height - ($border-width*2))
+    input
+      +padding(horizontal, ($height + if($font-size > 28, $font-size/4, $font-size/3)) $height/2)
+      +rem('height', $height - ($border-width*2))
+
+=button-group
+  .is-button-group
+    @content

data/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/assets/stylesheets/settings/initializers/_reset.sass

@@ -57,6 +57,11 @@ textarea
   outline: none
   +basic-font
 
+input[type= submit]
+  color: inherit
+  font-size: inherit
+  font-weight: inherit
+
 button
   +appearance(button)
 
@@ -85,7 +90,7 @@ input::-moz-focus-inner
 input,
 textarea
   border: none
-  +box-sizing(border-box)
+  box-sizing: border-box
 
 button, x:-moz-any-link,
 input[type=button], x:-moz-any-link,
@@ -114,7 +119,7 @@ textarea
 
 .#{$container-class-name}
   +rem('max-width', $container-max-width)
-  +box-sizing(border-box)
+  box-sizing: border-box
   +margin(horizontal, auto)
   +padding(horizontal, $container-horizontal-padding)
   clear: both

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

@@ -14,7 +14,15 @@
   +fixed(left 50%, top 50%, $block-z-index)
   +rem('margin-top', $block-height / 2 * -1)
   +rem('margin-left', $block-width / 2 * -1)
-  +box-sizing(border-box)
+  box-sizing: border-box
+
+=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)
+  box-sizing: border-box
 
 =square-block($values)
   $square-block-size: optional_nth($values, 1)
@@ -50,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/vendor/assets/stylesheets/settings/mixins/_color.sass

@@ -1,7 +1,7 @@
 // +ie-rgba(rgba(black, .4), white, background-color)
 =ie-rgba($foreground, $backdrop: white, $property: "background-color")
   @if $property == "background-color"
-    +rgba-background($foreground)
+    background-color: $foreground
   @else
     #{$property}: mix(fade-in($foreground, 1), $backdrop, percentage(opacity($foreground)))
     // Browsers without color opacity

data/vendor/assets/stylesheets/settings/mixins/_grids.sass

@@ -82,7 +82,7 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
 =column($number, $columns-gutter-width: $gutter-width)
   +rem('width', 100 / $columns-count * $number * 1%)
   +padding(horizontal, $columns-gutter-width / 2)
-  +box-sizing(border-box)
+  box-sizing: border-box
   float: left
 
 // カラムをサイズごとに作る

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

@@ -16,7 +16,7 @@ $baseline-px: 10px !default
     @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(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

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

@@ -23,7 +23,7 @@
 
 // +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)
-  +box-sizing(border-box)
+  box-sizing: border-box
   @if $value1
     @for $i from 1 through length($value1)
       +table-cell-assign(nth($value1, $i))

data/vendor/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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: oulu-rails
 version: !ruby/object:Gem::Version
-  version: 0.6.5
+  version: 0.6.10
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-21 00:00:00.000000000 Z
+date: 2015-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
@@ -52,9 +52,6 @@ files:
 - vendor/assets/javascripts/oulu-ie8.js
 - vendor/assets/javascripts/oulu-ie9.js
 - vendor/assets/javascripts/oulu.js
-- vendor/assets/javascripts/oulu/dev/positions-p.js.coffee
-- vendor/assets/javascripts/oulu/dev/positions-pp.js.coffee
-- vendor/assets/javascripts/oulu/dev/positions.js.coffee
 - vendor/assets/javascripts/oulu/helpers/js-autosize.js.coffee
 - vendor/assets/javascripts/oulu/helpers/js-checkbox.js.coffee
 - vendor/assets/javascripts/oulu/helpers/js-click-animate.js.coffee
@@ -88,6 +85,7 @@ files:
 - vendor/assets/javascripts/oulu/plugins/jquery.css3form.js
 - vendor/assets/javascripts/oulu/plugins/jquery.depend.min.js
 - vendor/assets/javascripts/oulu/plugins/sns-buttons.js
+- vendor/assets/javascripts/oulu/plugins/waves.js
 - vendor/assets/stylesheets/_oulu-base.sass
 - vendor/assets/stylesheets/_oulu.sass
 - vendor/assets/stylesheets/bootcamp/CHANGELOG.md
@@ -174,6 +172,14 @@ files:
 - vendor/assets/stylesheets/helpers/_margin-padding.sass
 - vendor/assets/stylesheets/helpers/_position.sass
 - vendor/assets/stylesheets/helpers/_typoglaphy.sass
+- vendor/assets/stylesheets/modules/buttons/_button-base.sass
+- vendor/assets/stylesheets/modules/buttons/_button-helper.sass
+- vendor/assets/stylesheets/modules/buttons/_buttons.sass
+- vendor/assets/stylesheets/modules/buttons/styles/_border.sass
+- vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
+- vendor/assets/stylesheets/modules/buttons/styles/_material.sass
+- vendor/assets/stylesheets/modules/buttons/styles/_normal.sass
+- vendor/assets/stylesheets/modules/navs/_tabs-nav.sass
 - vendor/assets/stylesheets/options/amazlet/_amazlet.sass
 - vendor/assets/stylesheets/options/glitch/_glitch.sass
 - vendor/assets/stylesheets/options/oulu-buttons/_button-basic.sass

data/vendor/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/vendor/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/vendor/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