flatui-rails 0.0.1 → 0.0.2
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.
- 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
|