flatui-rails 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +4 -0
- data/lib/flatui/rails/version.rb +1 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +353 -0
- data/vendor/assets/javascripts/custom_checkbox_and_radio.js +53 -0
- data/vendor/assets/javascripts/custom_radio.js +28 -0
- data/vendor/assets/javascripts/flatui.js +7 -0
- data/vendor/assets/javascripts/html5shiv.js +8 -0
- data/vendor/assets/javascripts/icon-font-ie7.js +44 -0
- data/vendor/assets/javascripts/jquery.dropkick.js +409 -0
- data/vendor/assets/javascripts/jquery.placeholder.js +157 -0
- data/vendor/assets/javascripts/jquery.tagsinput.js +354 -0
- data/vendor/assets/javascripts/lte-ie7-24.js +44 -0
- data/vendor/assets/javascripts/run_everything.js +53 -0
- data/vendor/assets/stylesheets/flat-ui/bootstrap.sass +4526 -0
- data/vendor/assets/stylesheets/flat-ui/flat-ui.sass +1 -0
- data/vendor/assets/stylesheets/flat-ui/modules/_checkbox-and-radio.sass +4 -4
- data/vendor/assets/stylesheets/flat-ui/modules/_demo.sass +5 -5
- data/vendor/assets/stylesheets/flat-ui/modules/_login.sass +2 -2
- data/vendor/assets/stylesheets/flat-ui/modules/_todo.sass +6 -6
- data/vendor/assets/stylesheets/flat-ui/modules/_toggle.sass +6 -6
- data/vendor/assets/stylesheets/flat-ui/modules/_video.sass +9 -9
- metadata +16 -4
@@ -50,7 +50,7 @@
|
|
50
50
|
// Icon
|
51
51
|
.icon,
|
52
52
|
.icon-to-fade
|
53
|
-
background: url(
|
53
|
+
background: url(asset-path("checkbox.png",image)) -90px 0 no-repeat
|
54
54
|
display: block
|
55
55
|
height: 20px
|
56
56
|
left: 0
|
@@ -70,17 +70,17 @@
|
|
70
70
|
.radio
|
71
71
|
.icon,
|
72
72
|
.icon-to-fade
|
73
|
-
background-image: url(
|
73
|
+
background-image: url(asset-path("radio.png", image))
|
74
74
|
|
75
75
|
// Serving 2x images
|
76
76
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
|
77
77
|
.checkbox
|
78
78
|
.icon
|
79
|
-
background-image: url(
|
79
|
+
background-image: url(asset-path("checkbox-2x.png",image))
|
80
80
|
background-size: 110px 110px
|
81
81
|
|
82
82
|
.radio
|
83
83
|
.icon
|
84
|
-
background-image: url(
|
84
|
+
background-image: url(asset-path("radio-2x.png",image))
|
85
85
|
background-size: 110px 110px
|
86
86
|
|
@@ -10,7 +10,7 @@
|
|
10
10
|
line-height: 100px
|
11
11
|
|
12
12
|
.logo
|
13
|
-
background: url('
|
13
|
+
background: url(asset-path('demo/logo-mask.png',image)) center 0 no-repeat
|
14
14
|
background-size: 256px 186px
|
15
15
|
height: 186px
|
16
16
|
margin: 0 auto 26px
|
@@ -155,7 +155,7 @@
|
|
155
155
|
color: $firm
|
156
156
|
|
157
157
|
.demo-browser
|
158
|
-
background: scale-color($base, $lightness: -15%) url('
|
158
|
+
background: scale-color($base, $lightness: -15%) url(asset-path('demo/browser.png',image)) 0 0 no-repeat
|
159
159
|
background-size: 659px 42px
|
160
160
|
border-radius: 0 0 6px 6px
|
161
161
|
color: $inverse
|
@@ -179,7 +179,7 @@
|
|
179
179
|
text-transform: none
|
180
180
|
|
181
181
|
.demo-browser-author
|
182
|
-
background: url('
|
182
|
+
background: url(asset-path('demo/browser-author.jpg',image)) center center no-repeat
|
183
183
|
border: 3px solid $inverse
|
184
184
|
display: block
|
185
185
|
height: 84px
|
@@ -221,8 +221,8 @@
|
|
221
221
|
// Serving 2x images
|
222
222
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
|
223
223
|
.logo
|
224
|
-
background-image: url('
|
224
|
+
background-image: url(asset-path('demo/logo-mask-2x.png',image))
|
225
225
|
|
226
226
|
.demo-browser
|
227
|
-
background-image: url('
|
227
|
+
background-image: url(asset-path('demo/browser-2x.png',image))
|
228
228
|
|
@@ -2,7 +2,7 @@ $form-color: scale-color(desaturate($base, 15%), $lightness: 91%)
|
|
2
2
|
|
3
3
|
// Login screen
|
4
4
|
.login
|
5
|
-
background: url('
|
5
|
+
background: url(asset-path('login/imac.png', image)) 0 0 no-repeat
|
6
6
|
background-size: 940px 778px
|
7
7
|
color: $inverse
|
8
8
|
margin-bottom: 77px
|
@@ -91,5 +91,5 @@ $form-color: scale-color(desaturate($base, 15%), $lightness: 91%)
|
|
91
91
|
// Serving 2x images
|
92
92
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
|
93
93
|
.login
|
94
|
-
background-image: url('
|
94
|
+
background-image: url(asset-path('login/imac-2x.png', image))
|
95
95
|
|
@@ -10,7 +10,7 @@
|
|
10
10
|
list-style-type: none
|
11
11
|
|
12
12
|
li
|
13
|
-
background: $base url('
|
13
|
+
background: $base url(asset-path('todo/todo.png', image)) 92% center no-repeat
|
14
14
|
background-size: 20px 20px
|
15
15
|
cursor: pointer
|
16
16
|
margin-top: 2px
|
@@ -23,7 +23,7 @@
|
|
23
23
|
border-radius: 0 0 6px 6px
|
24
24
|
padding-bottom: 18px
|
25
25
|
&.todo-done
|
26
|
-
background: transparent url('
|
26
|
+
background: transparent url(asset-path('todo/done.png', image)) 92% center no-repeat
|
27
27
|
background-size: 20px 20px
|
28
28
|
color: $firm
|
29
29
|
|
@@ -31,7 +31,7 @@
|
|
31
31
|
color: $firm
|
32
32
|
|
33
33
|
.todo-search
|
34
|
-
background: $firm url('
|
34
|
+
background: $firm url(asset-path('todo/search.png', image)) 92% center no-repeat
|
35
35
|
background-size: 16px 16px
|
36
36
|
border-radius: 6px 6px 0 0
|
37
37
|
color: $base
|
@@ -68,10 +68,10 @@ input.todo-search-field
|
|
68
68
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
|
69
69
|
.todo
|
70
70
|
li
|
71
|
-
background-image: ('
|
71
|
+
background-image: (asset-path('todo/todo-2x.png', image))
|
72
72
|
&.todo-done
|
73
|
-
background-image: ('
|
73
|
+
background-image: (asset-path('todo/done-2x.png', image))
|
74
74
|
|
75
75
|
.todo-search
|
76
|
-
background-image: ('
|
76
|
+
background-image: (asset-path('todo/search-2x.png', image))
|
77
77
|
|
@@ -15,7 +15,7 @@
|
|
15
15
|
background-color: scale-color(desaturate($base, 15%), $lightness: 75%)
|
16
16
|
|
17
17
|
.toggle-radio
|
18
|
-
background-image: url('
|
18
|
+
background-image: url(asset-path('toggle/icon-off.png', image))
|
19
19
|
background-position: 0 0
|
20
20
|
color: $inverse
|
21
21
|
left: 0
|
@@ -26,7 +26,7 @@
|
|
26
26
|
left: -120%
|
27
27
|
|
28
28
|
.toggle-radio
|
29
|
-
background: url('
|
29
|
+
background: url(asset-path('toggle/icon-on.png', image)) right top no-repeat
|
30
30
|
color: $firm
|
31
31
|
display: block
|
32
32
|
font-weight: 700
|
@@ -58,11 +58,11 @@
|
|
58
58
|
&.toggle-off
|
59
59
|
border-radius: 7px 6px 6px 7px
|
60
60
|
.toggle-radio
|
61
|
-
background-image: url('
|
61
|
+
background-image: url(asset-path('toggle/block-off.png', image))
|
62
62
|
background-position: 0 0
|
63
63
|
|
64
64
|
.toggle-radio
|
65
|
-
background-image: url('
|
65
|
+
background-image: url(asset-path('toggle/block-on.png', image))
|
66
66
|
background-position: 62px 0
|
67
67
|
border-radius: 6px
|
68
68
|
min-width: 27px
|
@@ -76,10 +76,10 @@
|
|
76
76
|
.toggle
|
77
77
|
&.toggle-off
|
78
78
|
.toggle-radio
|
79
|
-
background-image: url('
|
79
|
+
background-image: url(asset-path('toggle/icon-off-2x.png', image))
|
80
80
|
background-size: 30px 29px
|
81
81
|
|
82
82
|
.toggle-radio
|
83
|
-
background-image: url('
|
83
|
+
background-image: url(asset-path('toggle/icon-on-2x.png', image))
|
84
84
|
background-size: 30px 29px
|
85
85
|
|
@@ -136,26 +136,26 @@ body.vjs-full-window
|
|
136
136
|
width: 58px
|
137
137
|
|
138
138
|
.vjs-paused .vjs-play-control
|
139
|
-
background: url('
|
139
|
+
background: url(asset-path('video/play.png',image)) center -31px no-repeat
|
140
140
|
background-size: 16px 64px
|
141
141
|
&:hover
|
142
142
|
div
|
143
143
|
opacity: 0
|
144
144
|
div
|
145
|
-
background: url('
|
145
|
+
background: url(asset-path('video/play.png',image)) center 15px no-repeat
|
146
146
|
background-size: 16px 64px
|
147
147
|
height: 47px
|
148
148
|
+transition(opacity .25s)
|
149
149
|
|
150
150
|
.vjs-playing .vjs-play-control
|
151
|
-
background: url('
|
151
|
+
background: url(asset-path('video/pause.png',image)) center -31px no-repeat
|
152
152
|
background-size: 15px 64px
|
153
153
|
&:hover
|
154
154
|
div
|
155
155
|
opacity: 0
|
156
156
|
|
157
157
|
div
|
158
|
-
background: url('
|
158
|
+
background: url(asset-path('video/pause.png',image)) center 15px no-repeat
|
159
159
|
background-size: 15px 64px
|
160
160
|
height: 47px
|
161
161
|
+transition(opacity .25s)
|
@@ -170,7 +170,7 @@ body.vjs-full-window
|
|
170
170
|
margin: .5em auto 0
|
171
171
|
|
172
172
|
.vjs-mute-control
|
173
|
-
background: url('
|
173
|
+
background: url(asset-path('video/volume-full.png',image)) center -48px no-repeat
|
174
174
|
background-size: 16px 64px
|
175
175
|
cursor: pointer!important
|
176
176
|
position: absolute
|
@@ -186,10 +186,10 @@ body.vjs-full-window
|
|
186
186
|
&.vjs-vol-0
|
187
187
|
&,
|
188
188
|
div
|
189
|
-
background-image: url('
|
189
|
+
background-image: url(asset-path('video/volume-off.png',image))
|
190
190
|
|
191
191
|
div
|
192
|
-
background: $controls-color url('
|
192
|
+
background: $controls-color url(asset-path('video/volume-full.png',image)) no-repeat center 2px
|
193
193
|
background-size: 16px 64px
|
194
194
|
height: 18px
|
195
195
|
+transition(opacity .25s)
|
@@ -292,7 +292,7 @@ body.vjs-full-window
|
|
292
292
|
float: right
|
293
293
|
|
294
294
|
.vjs-fullscreen-control
|
295
|
-
background-image: url('
|
295
|
+
background-image: url(asset-path('video/fullscreen.png',image))
|
296
296
|
background-position: center -47px
|
297
297
|
background-size: 15px 64px
|
298
298
|
cursor: pointer!important
|
@@ -307,7 +307,7 @@ body.vjs-full-window
|
|
307
307
|
|
308
308
|
div
|
309
309
|
height: 18px
|
310
|
-
background: url('
|
310
|
+
background: url(asset-path('video/fullscreen.png',image)) no-repeat center 2px
|
311
311
|
background-size: 15px 64px
|
312
312
|
+transition(opacity .25s)
|
313
313
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: flatui-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-03-
|
12
|
+
date: 2013-03-20 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass-rails
|
@@ -150,11 +150,23 @@ files:
|
|
150
150
|
- vendor/assets/images/video/volume-full.png
|
151
151
|
- vendor/assets/images/video/volume-off-2x.png
|
152
152
|
- vendor/assets/images/video/volume-off.png
|
153
|
+
- vendor/assets/javascripts/bootstrap-tooltip.js
|
154
|
+
- vendor/assets/javascripts/custom_checkbox_and_radio.js
|
155
|
+
- vendor/assets/javascripts/custom_radio.js
|
156
|
+
- vendor/assets/javascripts/flatui.js
|
157
|
+
- vendor/assets/javascripts/html5shiv.js
|
158
|
+
- vendor/assets/javascripts/icon-font-ie7.js
|
159
|
+
- vendor/assets/javascripts/jquery.dropkick.js
|
160
|
+
- vendor/assets/javascripts/jquery.placeholder.js
|
161
|
+
- vendor/assets/javascripts/jquery.tagsinput.js
|
162
|
+
- vendor/assets/javascripts/lte-ie7-24.js
|
163
|
+
- vendor/assets/javascripts/run_everything.js
|
153
164
|
- vendor/assets/stylesheets/flat-ui/_config.sass
|
154
165
|
- vendor/assets/stylesheets/flat-ui/_icon-font-24.sass
|
155
166
|
- vendor/assets/stylesheets/flat-ui/_icon-font.sass
|
156
167
|
- vendor/assets/stylesheets/flat-ui/_mixins.sass
|
157
168
|
- vendor/assets/stylesheets/flat-ui/_spaces.sass
|
169
|
+
- vendor/assets/stylesheets/flat-ui/bootstrap.sass
|
158
170
|
- vendor/assets/stylesheets/flat-ui/flat-ui.sass
|
159
171
|
- vendor/assets/stylesheets/flat-ui/modules/_btn.sass
|
160
172
|
- vendor/assets/stylesheets/flat-ui/modules/_checkbox-and-radio.sass
|
@@ -192,7 +204,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
192
204
|
version: '0'
|
193
205
|
segments:
|
194
206
|
- 0
|
195
|
-
hash:
|
207
|
+
hash: 3585217619230630174
|
196
208
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
197
209
|
none: false
|
198
210
|
requirements:
|
@@ -201,7 +213,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
201
213
|
version: '0'
|
202
214
|
segments:
|
203
215
|
- 0
|
204
|
-
hash:
|
216
|
+
hash: 3585217619230630174
|
205
217
|
requirements: []
|
206
218
|
rubyforge_project:
|
207
219
|
rubygems_version: 1.8.24
|