oulu 0.11.2 → 0.11.3
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/app/assets/stylesheets/modules/glitch/_glitch.sass +3 -2
- data/app/assets/stylesheets/settings/functions/_math.sass +7 -7
- data/app/assets/stylesheets/settings/mixins/_animation.sass +4 -0
- data/app/assets/stylesheets/settings/mixins/_balloon-tail.sass +39 -39
- data/bower.json +1 -1
- data/lib/oulu/version.rb +1 -1
- data/package.json +1 -1
- metadata +2 -3
- data/app/assets/stylesheets/modules/glitch/_glitch.sass~organize-modules +0 -31
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f53a3c0e1ad19e67952dada57f25ee665fd4ece0
|
|
4
|
+
data.tar.gz: b59718f9909bc62a6103b26c47f49dda5059daa9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 188e901c8e313a1b0298477289f16651bf91a34bdb96719ae0b76ed99a241a8a6836d3c222ca86c4383654b37ab5fb0b9fcdc9426d2c66dd6a55918ef2a33511
|
|
7
|
+
data.tar.gz: 68b3c180bffe8235adce5285764109f708e8949cd8f8d69cb79b5e4f8e6c89d95454ce16e0b80020a3234da7728ae12eba7cf7be09ad099c7c76bd404c292f20
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
keyframes
|
|
1
|
+
+keyframes(noise-anim)
|
|
2
2
|
$steps: 20
|
|
3
3
|
@for $i from 0 through $steps
|
|
4
4
|
#{percentage($i * 1 / $steps)}
|
|
5
5
|
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
+keyframes(noise-anim-2)
|
|
7
8
|
$steps: 20
|
|
8
9
|
@for $i from 0 through $steps
|
|
9
10
|
#{percentage($i * 1 / $steps)}
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
$x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)))
|
|
34
34
|
@return $x
|
|
35
35
|
|
|
36
|
-
@function
|
|
36
|
+
@function ratio_calculation($n1, $n2, $n3)
|
|
37
37
|
@return ($n2 * $n3) / $n1
|
|
38
38
|
|
|
39
|
-
@function
|
|
40
|
-
@return
|
|
39
|
+
@function second_decimal_place_floor($num)
|
|
40
|
+
@return floor($num * 10) / 10
|
|
41
41
|
|
|
42
|
-
@function second_decimal_place_ceil($
|
|
43
|
-
@return
|
|
42
|
+
@function second_decimal_place_ceil($num)
|
|
43
|
+
@return ceil($num * 10) / 10
|
|
44
44
|
|
|
45
|
-
@function second_decimal_place_round($
|
|
46
|
-
@return
|
|
45
|
+
@function second_decimal_place_round($num)
|
|
46
|
+
@return round($num * 10) / 10
|
|
@@ -30,3 +30,7 @@
|
|
|
30
30
|
$animation-value: $animation-name $animation-duration $animation-delay $animation-iteration-count $animation-timing-function $animation-direction $animation-fill-mode $animation-play-state
|
|
31
31
|
$animation-values: append($animation-values, $animation-value, comma)
|
|
32
32
|
animation: $animation-values
|
|
33
|
+
|
|
34
|
+
=keyframes($animation-name)
|
|
35
|
+
@keyframes $animation-name
|
|
36
|
+
@content
|
|
@@ -48,25 +48,25 @@
|
|
|
48
48
|
// manual-positionあり
|
|
49
49
|
@if $tail-manual-position
|
|
50
50
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
51
|
-
// 左右の場合
|
|
52
51
|
@if position_horizontal($tail-manual-position-direction1)
|
|
52
|
+
// 左右の場合
|
|
53
53
|
margin-#{$tail-manual-position-direction1}: $tail-border-width
|
|
54
54
|
@if $tail-manual-position-direction1 != 'left'
|
|
55
55
|
margin-left: 0
|
|
56
|
-
// 上下の場合
|
|
57
56
|
@else
|
|
57
|
+
// 上下の場合
|
|
58
58
|
@if $tail-manual-position-direction1 != 'top'
|
|
59
59
|
margin-top: 0
|
|
60
|
-
// manual-position2つ目あり
|
|
61
60
|
@if $tail-manual-position-direction2
|
|
61
|
+
// manual-position2つ目あり
|
|
62
62
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
63
|
-
// 左右の場合
|
|
64
63
|
@if position_horizontal($tail-manual-position-direction2)
|
|
64
|
+
// 左右の場合
|
|
65
65
|
margin-#{$tail-manual-position-direction2}: $tail-border-width
|
|
66
66
|
@if $tail-manual-position-direction2 != 'left'
|
|
67
67
|
margin-left: 0
|
|
68
|
-
// 上下の場合
|
|
69
68
|
@else
|
|
69
|
+
// 上下の場合
|
|
70
70
|
@if $tail-manual-position-direction2 != 'top'
|
|
71
71
|
margin-top: 0
|
|
72
72
|
|
|
@@ -78,28 +78,28 @@
|
|
|
78
78
|
@if $original-tail-width <= $original-tail-height
|
|
79
79
|
$tail-height: $original-tail-height + $tail-border-width * 1.5
|
|
80
80
|
@else
|
|
81
|
-
$tail-height: second_decimal_place_ceil(
|
|
81
|
+
$tail-height: second_decimal_place_ceil(ratio_calculation(strip_unit($original-tail-width), strip_unit($original-tail-height / 2), $tail-width) * 2)
|
|
82
82
|
+balloon-tail-setting($tail-direction, $tail-border-color)
|
|
83
83
|
+vertical-triangle($tail-height, $tail-width, top)
|
|
84
84
|
@if $tail-manual-position
|
|
85
85
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
86
|
-
// 左右の場合
|
|
87
86
|
@if position_horizontal($tail-manual-position-direction1)
|
|
87
|
+
// 左右の場合
|
|
88
88
|
margin-left: 0
|
|
89
|
-
// 上下の場合
|
|
90
89
|
@else
|
|
90
|
+
// 上下の場合
|
|
91
91
|
@if $tail-manual-position-direction1 == 'top'
|
|
92
92
|
margin-#{$tail-manual-position-direction1}: ($tail-height * -2)
|
|
93
93
|
@else if $tail-manual-position-direction1 != 'top'
|
|
94
94
|
margin-top: 0
|
|
95
|
-
// manual-position2つ目あり
|
|
96
95
|
@if $tail-manual-position-direction2
|
|
96
|
+
// manual-position2つ目あり
|
|
97
97
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
98
|
-
// 左右の場合
|
|
99
98
|
@if position_horizontal($tail-manual-position-direction2)
|
|
99
|
+
// 左右の場合
|
|
100
100
|
margin-left: 0
|
|
101
|
-
// 上下の場合
|
|
102
101
|
@else
|
|
102
|
+
// 上下の場合
|
|
103
103
|
@if $tail-manual-position-direction2 == 'top'
|
|
104
104
|
margin-#{$tail-manual-position-direction2}: ($tail-height * -2)
|
|
105
105
|
@else if $tail-manual-position-direction2 != 'top'
|
|
@@ -112,25 +112,25 @@
|
|
|
112
112
|
+vertical-triangle($tail-height, $tail-width, bottom)
|
|
113
113
|
@if $tail-manual-position
|
|
114
114
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
115
|
-
// 左右の場合
|
|
116
115
|
@if position_horizontal($tail-manual-position-direction1)
|
|
116
|
+
// 左右の場合
|
|
117
117
|
margin-#{$tail-manual-position-direction1}: $tail-border-width
|
|
118
118
|
@if $tail-manual-position-direction1 != 'left'
|
|
119
119
|
margin-left: 0
|
|
120
|
-
// 上下の場合
|
|
121
120
|
@else
|
|
121
|
+
// 上下の場合
|
|
122
122
|
@if $tail-manual-position-direction1 == 'top'
|
|
123
123
|
margin-top: 0
|
|
124
|
-
// manual-position2つ目あり
|
|
125
124
|
@if $tail-manual-position-direction2
|
|
125
|
+
// manual-position2つ目あり
|
|
126
126
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
127
|
-
// 左右の場合
|
|
128
127
|
@if position_horizontal($tail-manual-position-direction2)
|
|
128
|
+
// 左右の場合
|
|
129
129
|
margin-#{$tail-manual-position-direction2}: $tail-border-width
|
|
130
130
|
@if $tail-manual-position-direction2 != 'left'
|
|
131
131
|
margin-left: 0
|
|
132
|
-
// 上下の場合
|
|
133
132
|
@else
|
|
133
|
+
// 上下の場合
|
|
134
134
|
@if $tail-manual-position-direction2 == 'top'
|
|
135
135
|
margin-top: 0
|
|
136
136
|
|
|
@@ -148,28 +148,28 @@
|
|
|
148
148
|
@if $original-tail-width <= $original-tail-height
|
|
149
149
|
$tail-height: $original-tail-height + $tail-border-width * 1.5
|
|
150
150
|
@else
|
|
151
|
-
$tail-height: second_decimal_place_ceil(
|
|
151
|
+
$tail-height: second_decimal_place_ceil(ratio_calculation(strip_unit($original-tail-width), strip_unit($original-tail-height / 2), $tail-width) * 2)
|
|
152
152
|
+balloon-tail-setting($tail-direction, $tail-border-color)
|
|
153
153
|
+vertical-triangle($tail-height, $tail-width, bottom)
|
|
154
154
|
@if $tail-manual-position
|
|
155
155
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
156
|
-
// 左右の場合
|
|
157
156
|
@if position_horizontal($tail-manual-position-direction1)
|
|
157
|
+
// 左右の場合
|
|
158
158
|
margin-left: 0
|
|
159
|
-
// 上下の場合
|
|
160
159
|
@else
|
|
160
|
+
// 上下の場合
|
|
161
161
|
@if $tail-manual-position-direction1 == 'bottom'
|
|
162
162
|
margin-#{$tail-manual-position-direction1}: ($tail-height * -2)
|
|
163
163
|
@else if $tail-manual-position-direction1 == 'top'
|
|
164
164
|
margin-top: 0
|
|
165
|
-
// manual-position2つ目あり
|
|
166
165
|
@if $tail-manual-position-direction2
|
|
166
|
+
// manual-position2つ目あり
|
|
167
167
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
168
|
-
// 左右の場合
|
|
169
168
|
@if position_horizontal($tail-manual-position-direction2)
|
|
169
|
+
// 左右の場合
|
|
170
170
|
margin-left: 0
|
|
171
|
-
// 上下の場合
|
|
172
171
|
@else
|
|
172
|
+
// 上下の場合
|
|
173
173
|
@if $tail-manual-position-direction2 == 'bottom'
|
|
174
174
|
margin-#{$tail-manual-position-direction2}: ($tail-height * -2)
|
|
175
175
|
@else if $tail-manual-position-direction2 == 'top'
|
|
@@ -181,24 +181,24 @@
|
|
|
181
181
|
+horizontal-triangle($tail-height, $tail-width, left)
|
|
182
182
|
@if $tail-manual-position
|
|
183
183
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
184
|
-
// 左右の場合
|
|
185
184
|
@if position_horizontal($tail-manual-position-direction1)
|
|
185
|
+
// 左右の場合
|
|
186
186
|
@if $tail-manual-position-direction1 != 'left'
|
|
187
187
|
margin-left: 0
|
|
188
|
-
// 上下の場合
|
|
189
188
|
@else
|
|
189
|
+
// 上下の場合
|
|
190
190
|
margin-#{$tail-manual-position-direction1}: $tail-border-width
|
|
191
191
|
@if $tail-manual-position-direction1 != 'top'
|
|
192
192
|
margin-top: 0
|
|
193
|
-
// manual-position2つ目あり
|
|
194
193
|
@if $tail-manual-position-direction2
|
|
194
|
+
// manual-position2つ目あり
|
|
195
195
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
196
|
-
// 左右の場合
|
|
197
196
|
@if position_horizontal($tail-manual-position-direction2)
|
|
197
|
+
// 左右の場合
|
|
198
198
|
@if $tail-manual-position-direction2 != 'left'
|
|
199
199
|
margin-left: 0
|
|
200
|
-
// 上下の場合
|
|
201
200
|
@else
|
|
201
|
+
// 上下の場合
|
|
202
202
|
margin-#{$tail-manual-position-direction2}: $tail-border-width
|
|
203
203
|
@if $tail-manual-position-direction2 != 'top'
|
|
204
204
|
margin-top: 0
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
@if $original-tail-width > $original-tail-height
|
|
212
212
|
$tail-width: $tail-width + $tail-border-width * 2
|
|
213
213
|
@else
|
|
214
|
-
$tail-width: second_decimal_place_ceil(
|
|
214
|
+
$tail-width: second_decimal_place_ceil(ratio_calculation(strip_unit($original-tail-height), (strip_unit($original-tail-width) / 2), $tail-height) * 2)
|
|
215
215
|
+balloon-tail-setting($tail-direction, $tail-border-color)
|
|
216
216
|
+horizontal-triangle($tail-height, $tail-width, left)
|
|
217
217
|
@if $tail-manual-position
|
|
@@ -222,8 +222,8 @@
|
|
|
222
222
|
margin-bottom: 0
|
|
223
223
|
@else if $tail-manual-position-direction1 == 'top'
|
|
224
224
|
margin-top: 0
|
|
225
|
-
// manual-position2つ目あり
|
|
226
225
|
@if $tail-manual-position-direction2
|
|
226
|
+
// manual-position2つ目あり
|
|
227
227
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
228
228
|
@if position_vertical($tail-manual-position-direction2)
|
|
229
229
|
@if $tail-manual-position-direction2 == 'bottom'
|
|
@@ -232,33 +232,33 @@
|
|
|
232
232
|
@else if $tail-manual-position-direction2 == 'top'
|
|
233
233
|
margin-top: 0
|
|
234
234
|
|
|
235
|
-
//////////////
|
|
236
|
-
// right
|
|
237
|
-
/////////////
|
|
238
235
|
@else if $tail-direction == 'right'
|
|
236
|
+
//////////////
|
|
237
|
+
// right
|
|
238
|
+
/////////////
|
|
239
239
|
&::after
|
|
240
240
|
+balloon-tail-setting($tail-direction, $tail-color)
|
|
241
241
|
+horizontal-triangle($tail-height, $tail-width, right)
|
|
242
242
|
@if $tail-manual-position
|
|
243
243
|
+tail-manual-position($tail-manual-position-direction1, $tail-manual-position-value1)
|
|
244
|
-
// 左右の場合
|
|
245
244
|
@if position_horizontal($tail-manual-position-direction1)
|
|
245
|
+
// 左右の場合
|
|
246
246
|
@if $tail-manual-position-direction1 != 'left'
|
|
247
247
|
margin-left: 0
|
|
248
|
-
// 上下の場合
|
|
249
248
|
@else
|
|
249
|
+
// 上下の場合
|
|
250
250
|
margin-#{$tail-manual-position-direction1}: $tail-border-width
|
|
251
251
|
@if $tail-manual-position-direction1 != 'top'
|
|
252
252
|
margin-top: 0
|
|
253
|
-
// manual-position2つ目あり
|
|
254
253
|
@if $tail-manual-position-direction2
|
|
254
|
+
// manual-position2つ目あり
|
|
255
255
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
256
|
-
// 左右の場合
|
|
257
256
|
@if position_horizontal($tail-manual-position-direction2)
|
|
257
|
+
// 左右の場合
|
|
258
258
|
@if $tail-manual-position-direction2 != 'left'
|
|
259
259
|
margin-left: 0
|
|
260
|
-
// 上下の場合
|
|
261
260
|
@else
|
|
261
|
+
// 上下の場合
|
|
262
262
|
margin-#{$tail-manual-position-direction2}: $tail-border-width
|
|
263
263
|
@if $tail-manual-position-direction2 != 'top'
|
|
264
264
|
margin-top: 0
|
|
@@ -270,7 +270,7 @@
|
|
|
270
270
|
@if $original-tail-width > $original-tail-height
|
|
271
271
|
$tail-width: $tail-width + $tail-border-width * 2
|
|
272
272
|
@else
|
|
273
|
-
$tail-width: second_decimal_place_ceil(
|
|
273
|
+
$tail-width: second_decimal_place_ceil(ratio_calculation(strip_unit($original-tail-height), (strip_unit($original-tail-width) / 2), $tail-height) * 2)
|
|
274
274
|
+balloon-tail-setting($tail-direction, $tail-border-color)
|
|
275
275
|
+horizontal-triangle($tail-height, $tail-width, right)
|
|
276
276
|
@if $tail-manual-position
|
|
@@ -281,8 +281,8 @@
|
|
|
281
281
|
margin-bottom: 0
|
|
282
282
|
@else if $tail-manual-position-direction1 == 'top'
|
|
283
283
|
margin-top: 0
|
|
284
|
-
// manual-position2つ目あり
|
|
285
284
|
@if $tail-manual-position-direction2
|
|
285
|
+
// manual-position2つ目あり
|
|
286
286
|
+tail-manual-position($tail-manual-position-direction2, $tail-manual-position-value2)
|
|
287
287
|
@if position_vertical($tail-manual-position-direction2)
|
|
288
288
|
@if $tail-manual-position-direction2 == 'bottom'
|
data/bower.json
CHANGED
data/lib/oulu/version.rb
CHANGED
data/package.json
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: oulu
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.11.
|
|
4
|
+
version: 0.11.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- machida
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-03-
|
|
11
|
+
date: 2016-03-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: thor
|
|
@@ -68,7 +68,6 @@ files:
|
|
|
68
68
|
- app/assets/stylesheets/modules/buttons/styles/_normal.sass
|
|
69
69
|
- app/assets/stylesheets/modules/buttons/styles/_super-bold-border.sass
|
|
70
70
|
- app/assets/stylesheets/modules/glitch/_glitch.sass
|
|
71
|
-
- app/assets/stylesheets/modules/glitch/_glitch.sass~organize-modules
|
|
72
71
|
- app/assets/stylesheets/modules/navs/_tabs-nav.sass
|
|
73
72
|
- app/assets/stylesheets/modules/text-input/_text-inputs.sass
|
|
74
73
|
- app/assets/stylesheets/modules/typography/_long-text.sass
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
keyframes noise-anim
|
|
2
|
-
$steps: 20
|
|
3
|
-
@for $i from 0 through $steps
|
|
4
|
-
#{percentage($i * 1 / $steps)}
|
|
5
|
-
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
|
|
6
|
-
keyframes noise-anim-2
|
|
7
|
-
$steps: 20
|
|
8
|
-
@for $i from 0 through $steps
|
|
9
|
-
#{percentage($i * 1 / $steps)}
|
|
10
|
-
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
|
|
11
|
-
|
|
12
|
-
=glitch($cl: white, $bg-col: black)
|
|
13
|
-
position: relative
|
|
14
|
-
overflow: hidden
|
|
15
|
-
display: inline-block
|
|
16
|
-
color: $cl
|
|
17
|
-
&:after,
|
|
18
|
-
&:before
|
|
19
|
-
content: attr(data-text)
|
|
20
|
-
color: $cl
|
|
21
|
-
background-color: $bg-col
|
|
22
|
-
overflow: hidden
|
|
23
|
-
clip: rect(0, 900px, 0, 0)
|
|
24
|
-
&:after
|
|
25
|
-
+position(absolute, left 1px, top 0)
|
|
26
|
-
text-shadow: -1px 0 0 rgba(red, 0.4)
|
|
27
|
-
+animation(noise-anim 2s infinite linear alternate-reverse)
|
|
28
|
-
&:before
|
|
29
|
-
+position(absolute, left -1px, top 0)
|
|
30
|
-
text-shadow: 1px 0 0 rgba(blue, 0.4)
|
|
31
|
-
+animation(noise-anim-2 3s infinite linear alternate-reverse)
|