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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ad6893f94868b26061f2c2bec4a049089784af72
4
- data.tar.gz: 16271c05721d7399634cc2274df2998ae28fac59
3
+ metadata.gz: 8a029711b7baea755d140a00227c8fd393a0694f
4
+ data.tar.gz: f34c19a602f51ff968f38af4c14dd628936a87e0
5
5
  SHA512:
6
- metadata.gz: 0f7d82d9d4cf106db74fadf8ba9b9415cbe0400ca5d6e61e18999b9dab177c7f2c11527052bd82e146f4722ed0cebc4eb6dfe6379a801b5c481b591ada0fd736
7
- data.tar.gz: dc1fa06e4c04fa6c1e0337eab91727b7a98b3e6b19ea61273261cc35903b785fdcd4aa047bb47e98f3418f324c9a47347e648c0e10ca802f20751d0f14f98b11
6
+ metadata.gz: 70065dea5533250c194925d7e65fdb0efbf2ae7c14fb024dca2893b645531065d745a30beaf6f564d662cb3be2df0c2b28d6f2cd0c30e03a0b9a3d84ea5ae18f
7
+ data.tar.gz: c173188b8b119e040472829cad896e274e33c657dc581772591e64f5665bfc6faa690fa575bf37ad02fbf18242f6fce7184f62be4c0e8be073a05efb4562f3de
@@ -1,3 +1,3 @@
1
1
  module OuluRails
2
- VERSION = "0.5.16"
2
+ VERSION = "0.5.17"
3
3
  end
@@ -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
@@ -11,3 +11,4 @@
11
11
  @import helper/typoglaphy
12
12
  @import helper/click-actions
13
13
  @import helper/fade-actions
14
+ @import helper/no-gutter-grids
@@ -0,0 +1,3 @@
1
+ body
2
+ .no-gutter-grids
3
+ +grid-columns(0)
@@ -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
@@ -23,7 +23,7 @@
23
23
  @if $value == 'auto' or $value == 'contain' or $value == 'cover'
24
24
  @return true
25
25
  @else if str-slice($value, 2) == 'auto' or $value == 'contain' or $value == 'cover'
26
- @return true
26
+ @return $value
27
27
  @else
28
28
  @return null
29
29
  @else if list($value)
@@ -1,5 +1,5 @@
1
1
  @function string($value)
2
- @if type-of($value) == string
2
+ @if type_of($value) == string
3
3
  @return true
4
4
  @else
5
5
  @return null
@@ -1,15 +1,56 @@
1
- // https://gist.github.com/ericam/1607696
2
- =keyframes($name)
3
- @-webkit-keyframes #{$name}
4
- @content
5
- @-moz-keyframes #{$name}
6
- @content
7
- @-ms-keyframes #{$name}
8
- @content
9
- @keyframes #{$name}
10
- @content
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($transition-duration: .5s, $transition-property: all, $transition-timing: ease-in)
13
- +transition-property($transition-property)
14
- +transition-duration($transition-duration)
15
- +transition-timing-function($transition-timing)
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) == '/'
@@ -16,7 +16,6 @@
16
16
  font-weight: bold
17
17
  @if $text-rendering
18
18
  text-rendering: optimizelegibility
19
- font-style: italic
20
19
 
21
20
  =serif($text-rendering: true)
22
21
  font-family: $basic-serif
@@ -1,9 +1,11 @@
1
- =rgba($foreground, $backdrop: white, $property: "background-color")
2
- #{$property}: mix(fade-in($foreground, 1), $backdrop, percentage(opacity($foreground)))
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
@@ -24,7 +24,7 @@ $screen-xs-max: ($screen-sm-min - 1) !default
24
24
  $screen-sm-max: ($screen-md-min - 1) !default
25
25
  $screen-md-max: ($screen-lg-min - 1) !default
26
26
 
27
- // devise
27
+ // device
28
28
  =screen-xs
29
29
  @media only screen and (max-width: $screen-xs)
30
30
  @content
@@ -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
- content: nth($list-style, 1) == "fa"
6
- @for $i from 1 through length($list-style)
7
- @if list_style_type(nth($list-style, $i))
8
- list-style-type: nth($list-style, $i)
9
- @else if list_style_position(nth($list-style, $i))
10
- list-style-position: nth($list-style, $i)
11
- @else if nth($list-style, $i) == "fa"
12
- list-style-type: none
13
- >li
14
- +relative
15
- display: block
16
- +rem('padding-left', optional_nth($icon-position, 1) + optional_nth($icon-position, 3))
17
- &:before
18
- +fa
19
- +text-block(optional_nth($icon-position, 1) optional_nth($icon-position, 1))
20
- content: '#{optional_nth($list-style, $i + 1)}'
21
- +absolute(left 0, top optional_nth($icon-position, 2))
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: rgba(0, 0, 0, .4), $overlay-z-index: 10)
2
- +absolute(left 0, top 0, $overlay-z-index)
3
- width: 100%
4
- height: 100%
5
- +rgba-background($overlay-color)
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
- $padding: if(list($value), if(unit_number(nth($value, 1)), $value, null), if(unit_number($value), $value, null))
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.16
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-04 00:00:00.000000000 Z
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