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.
@@ -1,3 +1,4 @@
1
+ @import 'bootstrap'
1
2
  // Flat UI main stylesheet that aggregates all modules
2
3
 
3
4
  // Loading custom fonts
@@ -50,7 +50,7 @@
50
50
  // Icon
51
51
  .icon,
52
52
  .icon-to-fade
53
- background: url('../images/checkbox.png') -90px 0 no-repeat
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('../images/radio.png')
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('../images/checkbox-2x.png')
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('../images/radio-2x.png')
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('../images/demo/logo-mask.png') center 0 no-repeat
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('../images/demo/browser.png') 0 0 no-repeat
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('../images/demo/browser-author.jpg') center center no-repeat
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('../images/demo/logo-mask-2x.png')
224
+ background-image: url(asset-path('demo/logo-mask-2x.png',image))
225
225
 
226
226
  .demo-browser
227
- background-image: url('../images/demo/browser-2x.png')
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('../images/login/imac.png') 0 0 no-repeat
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('../images/login/imac-2x.png')
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('../images/todo/todo.png') 92% center no-repeat
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('../images/todo/done.png') 92% center no-repeat
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('../images/todo/search.png') 92% center no-repeat
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: ('../images/todo/todo-2x.png')
71
+ background-image: (asset-path('todo/todo-2x.png', image))
72
72
  &.todo-done
73
- background-image: ('../images/todo/done-2x.png')
73
+ background-image: (asset-path('todo/done-2x.png', image))
74
74
 
75
75
  .todo-search
76
- background-image: ('../images/todo/search-2x.png')
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('../images/toggle/icon-off.png')
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('../images/toggle/icon-on.png') right top no-repeat
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('../images/toggle/block-off.png')
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('../images/toggle/block-on.png')
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('../images/toggle/icon-off-2x.png')
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('../images/toggle/icon-on-2x.png')
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('../images/video/play.png') center -31px no-repeat
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('../images/video/play.png') center 15px no-repeat
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('../images/video/pause.png') center -31px no-repeat
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('../images/video/pause.png') center 15px no-repeat
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('../images/video/volume-full.png') center -48px no-repeat
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('../images/video/volume-off.png')
189
+ background-image: url(asset-path('video/volume-off.png',image))
190
190
 
191
191
  div
192
- background: $controls-color url('../images/video/volume-full.png') no-repeat center 2px
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('../images/video/fullscreen.png')
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('../images/video/fullscreen.png') no-repeat center 2px
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.1
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 00:00:00.000000000 Z
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: 4152807261916670682
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: 4152807261916670682
216
+ hash: 3585217619230630174
205
217
  requirements: []
206
218
  rubyforge_project:
207
219
  rubygems_version: 1.8.24