oulu-rails 0.5.16 → 0.5.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/oulu-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/_oulu-base.css.sass +1 -1
- data/vendor/assets/stylesheets/_oulu.css.sass +1 -0
- data/vendor/assets/stylesheets/helper/_no-gutter-grids.css.sass +3 -0
- data/vendor/assets/stylesheets/settings/functions/_animation.css.sass +90 -0
- data/vendor/assets/stylesheets/settings/functions/_background.css.sass +1 -1
- data/vendor/assets/stylesheets/settings/functions/_string.css.sass +1 -1
- data/vendor/assets/stylesheets/settings/mixins/_animation.css.sass +55 -14
- data/vendor/assets/stylesheets/settings/mixins/_background.css.sass +20 -0
- data/vendor/assets/stylesheets/settings/mixins/_basic-font.css.sass +0 -1
- data/vendor/assets/stylesheets/settings/mixins/_color.css.sass +9 -7
- data/vendor/assets/stylesheets/settings/mixins/_grids.css.sass +1 -1
- data/vendor/assets/stylesheets/settings/mixins/_list.css.sass +18 -17
- data/vendor/assets/stylesheets/settings/mixins/_overlay.css.sass +5 -5
- data/vendor/assets/stylesheets/settings/mixins/_table.css.sass +7 -4
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8a029711b7baea755d140a00227c8fd393a0694f
|
|
4
|
+
data.tar.gz: f34c19a602f51ff968f38af4c14dd628936a87e0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 70065dea5533250c194925d7e65fdb0efbf2ae7c14fb024dca2893b645531065d745a30beaf6f564d662cb3be2df0c2b28d6f2cd0c30e03a0b9a3d84ea5ae18f
|
|
7
|
+
data.tar.gz: c173188b8b119e040472829cad896e274e33c657dc581772591e64f5665bfc6faa690fa575bf37ad02fbf18242f6fce7184f62be4c0e8be073a05efb4562f3de
|
data/lib/oulu-rails/version.rb
CHANGED
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
@import settings/functions/image
|
|
46
46
|
@import settings/functions/background
|
|
47
47
|
@import settings/functions/border
|
|
48
|
+
@import settings/functions/animation
|
|
48
49
|
|
|
49
50
|
// mixins
|
|
50
51
|
///////////////////
|
|
@@ -62,7 +63,6 @@
|
|
|
62
63
|
@import settings/mixins/color
|
|
63
64
|
@import settings/mixins/overlay
|
|
64
65
|
@import settings/mixins/balloon-tale
|
|
65
|
-
@import settings/mixins/sprite-background
|
|
66
66
|
@import settings/mixins/margin-padding
|
|
67
67
|
@import settings/mixins/animation
|
|
68
68
|
@import settings/mixins/grids
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
@function time($value)
|
|
2
|
+
@if unit_number($value) and unit($value) == 's'
|
|
3
|
+
@return ture
|
|
4
|
+
@else
|
|
5
|
+
@return null
|
|
6
|
+
|
|
7
|
+
@function timing_function($value)
|
|
8
|
+
@if string($value)
|
|
9
|
+
@if $value == 'ease' or $value == 'linear' or $value == 'ease-in' or $value == 'ease-out' or $value == 'ease-in-out' or str-slice($value, 1, 12) == 'cubic-bezier'
|
|
10
|
+
@return ture
|
|
11
|
+
@else
|
|
12
|
+
@return null
|
|
13
|
+
@else
|
|
14
|
+
@return null
|
|
15
|
+
|
|
16
|
+
@function delay($value)
|
|
17
|
+
@if string($value) and str-slice($value, 1, 1) == '/' and str-slice($value, -1, -1) == 's'
|
|
18
|
+
@return str-slice($value, 2)
|
|
19
|
+
@else
|
|
20
|
+
@return null
|
|
21
|
+
|
|
22
|
+
//////////////////
|
|
23
|
+
// transition
|
|
24
|
+
//////////////////
|
|
25
|
+
|
|
26
|
+
@function transition_duration($value)
|
|
27
|
+
@return time($value)
|
|
28
|
+
|
|
29
|
+
@function transition_timing_function($value)
|
|
30
|
+
@return timing_function($value)
|
|
31
|
+
|
|
32
|
+
@function transition_delay($value)
|
|
33
|
+
@return delay($value)
|
|
34
|
+
|
|
35
|
+
@function transition-property($value)
|
|
36
|
+
@if string($value)
|
|
37
|
+
@if not transition_timing_function($value) or not transition_duration($value) or not transition_delay($value)
|
|
38
|
+
@return ture
|
|
39
|
+
@else
|
|
40
|
+
@return null
|
|
41
|
+
@else if list($value)
|
|
42
|
+
@return ture
|
|
43
|
+
@else
|
|
44
|
+
@return null
|
|
45
|
+
|
|
46
|
+
//////////////////
|
|
47
|
+
// animation
|
|
48
|
+
//////////////////
|
|
49
|
+
|
|
50
|
+
@function animation_duration($value)
|
|
51
|
+
@return time($value)
|
|
52
|
+
|
|
53
|
+
@function animation_timing_function($value)
|
|
54
|
+
@return timing_function($value)
|
|
55
|
+
|
|
56
|
+
@function animation_delay($value)
|
|
57
|
+
@return delay($value)
|
|
58
|
+
|
|
59
|
+
@function animation_iteration_count($value)
|
|
60
|
+
@if unitless_number($value) or (string($value) and $value == 'infinite')
|
|
61
|
+
@return ture
|
|
62
|
+
@else
|
|
63
|
+
@return null
|
|
64
|
+
|
|
65
|
+
@function animation_direction($value)
|
|
66
|
+
@if string($value) and ($value == 'normal' or $value == 'alternate')
|
|
67
|
+
@return ture
|
|
68
|
+
@else
|
|
69
|
+
@return null
|
|
70
|
+
|
|
71
|
+
@function animation_fill_mode($value)
|
|
72
|
+
@if string($value) and ($value == 'nonel' or $value == 'forwards' or $value == 'backwards' or $value == 'both')
|
|
73
|
+
@return ture
|
|
74
|
+
@else
|
|
75
|
+
@return null
|
|
76
|
+
|
|
77
|
+
@function animation_play_state($value)
|
|
78
|
+
@if string($value) and ($value == 'running' or $value == 'paused')
|
|
79
|
+
@return ture
|
|
80
|
+
@else
|
|
81
|
+
@return null
|
|
82
|
+
|
|
83
|
+
@function animation_name($value)
|
|
84
|
+
@if string($value)
|
|
85
|
+
@if not animation_timing_function($value) or not animation_duration($value) or not animation_iteration_count($value) or not animation_direction($value) or not animation_fill_mode($value) or not animation_play_state($value)
|
|
86
|
+
@return ture
|
|
87
|
+
@else
|
|
88
|
+
@return null
|
|
89
|
+
@else
|
|
90
|
+
@return null
|
|
@@ -1,15 +1,56 @@
|
|
|
1
|
-
//
|
|
2
|
-
=
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
@
|
|
10
|
-
|
|
1
|
+
// どこでも transition が書ける設定
|
|
2
|
+
=transition-basics($value)
|
|
3
|
+
@if transition_duration($value)
|
|
4
|
+
+transition-duration($value)
|
|
5
|
+
@else if transition_timing_function($value)
|
|
6
|
+
+transition-timing-function($value)
|
|
7
|
+
@else if transition_delay($value)
|
|
8
|
+
+transition-delay(transition_delay($value))
|
|
9
|
+
@else if transition_property($value)
|
|
10
|
+
+transition-property($value)
|
|
11
11
|
|
|
12
|
-
=transition($
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
=transition($value)
|
|
13
|
+
@for $i from 1 through length($value)
|
|
14
|
+
+transition-basics(nth($value, $i))
|
|
15
|
+
|
|
16
|
+
// どこでも animation が書ける設定
|
|
17
|
+
=animation-basics($value)
|
|
18
|
+
@if animation_name($value)
|
|
19
|
+
+animation-name($value)
|
|
20
|
+
$animation-name: $value
|
|
21
|
+
@else if animation_duration($value)
|
|
22
|
+
+animation-duration($value)
|
|
23
|
+
@else if animation_timing_function($value)
|
|
24
|
+
+animation-timing-function($value)
|
|
25
|
+
@else if animation_delay($value)
|
|
26
|
+
+animation-delay(animation_delay($value))
|
|
27
|
+
@else if animation_iteration_count($value)
|
|
28
|
+
+animation-iteration-count($value)
|
|
29
|
+
@else if animation_direction($value)
|
|
30
|
+
+animation-direction($value)
|
|
31
|
+
@else if animation_fill_mode($value)
|
|
32
|
+
+animation-fill-mode($value)
|
|
33
|
+
@else if animation_play_state($value)
|
|
34
|
+
+animation-play-state($value)
|
|
35
|
+
|
|
36
|
+
=animations($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
|
|
37
|
+
$list: $value1 $value2 $value3 $value4 $value5 $value6
|
|
38
|
+
$added-animation-names: null
|
|
39
|
+
@each $value in $list
|
|
40
|
+
@for $i from 1 through length($value)
|
|
41
|
+
@if animation_name(nth($value, $i))
|
|
42
|
+
// +animation-name(nth($value, $i))
|
|
43
|
+
@else if animation_duration(nth($value, $i))
|
|
44
|
+
// +animation-duration(nth($value, $i))
|
|
45
|
+
@else if animation_timing_function(nth($value, $i))
|
|
46
|
+
// +animation-timing-function(nth($value, $i))
|
|
47
|
+
@else if animation_delay(nth($value, $i))
|
|
48
|
+
// +animation-delay(animation_delay(nth($value, $i)))
|
|
49
|
+
@else if animation_iteration_count(nth($value, $i))
|
|
50
|
+
// +animation-iteration-count(nth($value, $i))
|
|
51
|
+
@else if animation_direction(nth($value, $i))
|
|
52
|
+
// +animation-direction(nth($value, $i))
|
|
53
|
+
@else if animation_fill_mode(nth($value, $i))
|
|
54
|
+
// +animation-fill-mode(nth($value, $i))
|
|
55
|
+
@else if animation_play_state(nth($value, $i))
|
|
56
|
+
// +animation-play-state(nth($value, $i))
|
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
// http://qiita.com/orangemittoo/items/1c9f32296836d3ea125e
|
|
2
|
+
|
|
3
|
+
$sprites-images-directory: sprites !default
|
|
4
|
+
$sprite-map: sprite-map("#{$sprites-images-directory}/*.png", $layout: smart)
|
|
5
|
+
$map-img: sprite-url($sprite-map)
|
|
6
|
+
|
|
7
|
+
=sprite-background($name, $background-size: null, $background-repeat: null)
|
|
8
|
+
// block;
|
|
9
|
+
background-image: $map-img
|
|
10
|
+
$pos: sprite-position($sprite-map, $name)
|
|
11
|
+
background-position: nth($pos, 1) / 2 nth($pos, 2) / 2
|
|
12
|
+
@if $background-size
|
|
13
|
+
+background-size($background-size)
|
|
14
|
+
@else
|
|
15
|
+
+background-size(ceil(image-width(sprite-path($sprite-map)) / 2) auto)
|
|
16
|
+
@if $background-repeat
|
|
17
|
+
background-repeat: $background-repeat
|
|
18
|
+
@else
|
|
19
|
+
background-repeat: no-repeat
|
|
20
|
+
|
|
1
21
|
=bg-size($value)
|
|
2
22
|
@if list($value)
|
|
3
23
|
@if str-slice(nth($value, 1), 1, 1) == '/'
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
// Browsers without color opacity
|
|
4
|
-
#{$property}: $foreground
|
|
5
|
-
// Decent browsers
|
|
6
|
-
#{$property}: mix(fade-in($foreground, 1), $backdrop, percentage(opacity($foreground)))\9
|
|
7
|
-
// IE8
|
|
1
|
+
// +ie-rgba(rgba(0, 0, 0, .4), white, background-color)
|
|
2
|
+
=ie-rgba($foreground, $backdrop: white, $property: "background-color")
|
|
8
3
|
@if $property == "background-color"
|
|
9
4
|
+rgba-background($foreground)
|
|
5
|
+
@else
|
|
6
|
+
#{$property}: mix(fade-in($foreground, 1), $backdrop, percentage(opacity($foreground)))
|
|
7
|
+
// Browsers without color opacity
|
|
8
|
+
#{$property}: $foreground
|
|
9
|
+
// Decent browsers
|
|
10
|
+
#{$property}: mix(fade-in($foreground, 1), $backdrop, percentage(opacity($foreground)))\9
|
|
11
|
+
// IE8
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
// +list(12px 24px, fa '\f192', 12px 3px 8px)
|
|
2
|
+
// +list(margin-left margin-bottom, fa '\f192', icon-size top left)
|
|
2
3
|
=list($margins: null, $list-style: null, $icon-position: null)
|
|
3
4
|
+rem('margin-left', optional_nth($margins, 1))
|
|
4
5
|
+rem('margin-bottom', optional_nth($margins, 2))
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
6
|
+
@if nth($list-style, 1) == "fa"
|
|
7
|
+
@for $i from 1 through length($list-style)
|
|
8
|
+
@if list_style_type(nth($list-style, $i))
|
|
9
|
+
list-style-type: nth($list-style, $i)
|
|
10
|
+
@else if list_style_position(nth($list-style, $i))
|
|
11
|
+
list-style-position: nth($list-style, $i)
|
|
12
|
+
@else if nth($list-style, $i) == "fa"
|
|
13
|
+
list-style-type: none
|
|
14
|
+
>li
|
|
15
|
+
+relative
|
|
16
|
+
display: block
|
|
17
|
+
+rem('padding-left', optional_nth($icon-position, 1) + optional_nth($icon-position, 3))
|
|
18
|
+
&:before
|
|
19
|
+
+fa
|
|
20
|
+
+text-block(optional_nth($icon-position, 1) optional_nth($icon-position, 1))
|
|
21
|
+
content: '#{optional_nth($list-style, $i + 1)}'
|
|
22
|
+
+absolute(left 0, top optional_nth($icon-position, 2))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
=overlay($overlay-color:
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
=overlay($overlay-color: null, $overlay-z-index: null)
|
|
2
|
+
@if $overlay-color
|
|
3
|
+
+fixed(left 0, top 0, $overlay-z-index)
|
|
4
|
+
+size(100%)
|
|
5
|
+
+rgba-background($overlay-color)
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
=table-cell-assign($value)
|
|
2
|
-
|
|
2
|
+
@if list($value)
|
|
3
|
+
@if unit_number(nth($value, 1))
|
|
4
|
+
+rem('padding', $value)
|
|
5
|
+
@if direction(nth($value, 1))
|
|
6
|
+
+padding(nth($value, 1), nth($value, 2))
|
|
3
7
|
white-space: if(white_space($value), $value, null)
|
|
4
8
|
background-color: if(color($value), $value, null)
|
|
5
9
|
vertical-align: if(vertical_align($value), $value, null)
|
|
6
|
-
+rem('padding', $padding)
|
|
7
10
|
|
|
8
11
|
// +table-row($white #eeeeee, (bottom, solid 1px black))
|
|
9
|
-
=table-row($value1, $value2)
|
|
12
|
+
=table-row($value1: nul, $value2: nul)
|
|
10
13
|
@if $value1
|
|
11
14
|
@if list($value1)
|
|
12
15
|
&:nth-child(odd)
|
|
@@ -19,7 +22,7 @@
|
|
|
19
22
|
+border(nth($value2, 1), nth($value2, 2))
|
|
20
23
|
|
|
21
24
|
// +table-cell(middle (12px 16px) no_wrap $white, (14px 1.8 1.4em, black bold center), (bottom, solid 1px black))
|
|
22
|
-
=table-cell($value1, $value2, $value3)
|
|
25
|
+
=table-cell($value1: null, $value2: null, $value3: null)
|
|
23
26
|
+box-sizing(border-box)
|
|
24
27
|
@if $value1
|
|
25
28
|
@for $i from 1 through length($value1)
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: oulu-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.17
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- machida
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-12-
|
|
11
|
+
date: 2014-12-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass-rails
|
|
@@ -318,6 +318,7 @@ files:
|
|
|
318
318
|
- vendor/assets/stylesheets/helper/_click-actions.css.sass
|
|
319
319
|
- vendor/assets/stylesheets/helper/_fade-actions.css.sass
|
|
320
320
|
- vendor/assets/stylesheets/helper/_margin-padding.css.sass
|
|
321
|
+
- vendor/assets/stylesheets/helper/_no-gutter-grids.css.sass
|
|
321
322
|
- vendor/assets/stylesheets/helper/_typoglaphy.css.sass
|
|
322
323
|
- vendor/assets/stylesheets/options/amazlet/_amazlet.css.sass
|
|
323
324
|
- vendor/assets/stylesheets/options/glitch/_glitch.css.sass
|
|
@@ -340,6 +341,7 @@ files:
|
|
|
340
341
|
- vendor/assets/stylesheets/options/web-fonts/_tauri.css.sass
|
|
341
342
|
- vendor/assets/stylesheets/options/web-fonts/_ubuntu-mono.css.sass
|
|
342
343
|
- vendor/assets/stylesheets/options/web-fonts/_ubuntu.css.sass
|
|
344
|
+
- vendor/assets/stylesheets/settings/functions/_animation.css.sass
|
|
343
345
|
- vendor/assets/stylesheets/settings/functions/_background.css.sass
|
|
344
346
|
- vendor/assets/stylesheets/settings/functions/_bool.css.sass
|
|
345
347
|
- vendor/assets/stylesheets/settings/functions/_border.css.sass
|