oulu-rails 0.5.16 → 0.5.17
Sign up to get free protection for your applications and to get access to all the features.
- 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
|