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.
@@ -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