spina-template 0.2.4 → 0.2.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -27
- data/app/assets/javascripts/spina.js.coffee.erb +1 -0
- data/app/assets/javascripts/spina/dropdown.js.coffee +3 -3
- data/app/assets/javascripts/spina/forms.js.coffee +7 -0
- data/app/assets/stylesheets/spina/_buttons.css.sass +5 -3
- data/app/assets/stylesheets/spina/_forms.css.sass +107 -0
- data/app/assets/stylesheets/spina/_tables.css.sass +4 -2
- data/lib/spina/template/version.rb +1 -1
- metadata +3 -3
- data/app/assets/.DS_Store +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9c8ea37834745eef5e0b5064983ae635bb772e69
|
4
|
+
data.tar.gz: 6050f8be37ce772c397e506e64d3a5ff001a0083
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7c95740d801c0555ae407d91ac43fc44772a6982023f6843228946badbddec08a3f4f2790b267625fef9b5cd34f0f588aea8c9cdbcfe3c69b7a0455a8b25cbf4
|
7
|
+
data.tar.gz: a5abdbce22a72f9d0c7af5b001be93159983ed9978a7e198ad88c6a6f23898938a9bab8ceb1e1c679350e98fb76a8cf10065a606786eb4f24863530755fb5726
|
data/README.md
CHANGED
@@ -1,29 +1,3 @@
|
|
1
1
|
# Spina::Template
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
## Installation
|
6
|
-
|
7
|
-
Add this line to your application's Gemfile:
|
8
|
-
|
9
|
-
gem 'spina-template'
|
10
|
-
|
11
|
-
And then execute:
|
12
|
-
|
13
|
-
$ bundle
|
14
|
-
|
15
|
-
Or install it yourself as:
|
16
|
-
|
17
|
-
$ gem install spina-template
|
18
|
-
|
19
|
-
## Usage
|
20
|
-
|
21
|
-
TODO: Write usage instructions here
|
22
|
-
|
23
|
-
## Contributing
|
24
|
-
|
25
|
-
1. Fork it
|
26
|
-
2. Create your feature branch (`git checkout -b my-new-feature`)
|
27
|
-
3. Commit your changes (`git commit -am 'Add some feature'`)
|
28
|
-
4. Push to the branch (`git push origin my-new-feature`)
|
29
|
-
5. Create new Pull Request
|
3
|
+
This is the template for Spina CMS. We've built it as a separate gem so that we can use the template for other Rails apps as well.
|
@@ -9,11 +9,11 @@ $(document).on 'click', '[data-trigger="dropdown"]', ->
|
|
9
9
|
if body.hasClass('dropdown')
|
10
10
|
trigger.removeClass('button-active')
|
11
11
|
body.removeClass('dropdown')
|
12
|
-
dropdown.
|
12
|
+
dropdown.removeClass('animated fadeInDown')
|
13
13
|
else
|
14
14
|
trigger.addClass('button-active')
|
15
15
|
body.addClass('dropdown')
|
16
|
-
dropdown.
|
16
|
+
dropdown.addClass('animated fadeInDown')
|
17
17
|
|
18
18
|
return false
|
19
19
|
|
@@ -59,6 +59,6 @@ $(document).on 'click', '.slide-controls .previous, .slide-controls .next', (e)
|
|
59
59
|
|
60
60
|
closeDropdown = ->
|
61
61
|
$('body').removeClass('dropdown')
|
62
|
-
$('[data-dropdown] ul, [data-dropdown] .sliding-dropdown').
|
62
|
+
$('[data-dropdown] ul, [data-dropdown] .sliding-dropdown').removeClass('animated fadeInDown')
|
63
63
|
$('[data-trigger="dropdown"]').removeClass('button-active')
|
64
64
|
return false
|
@@ -0,0 +1,7 @@
|
|
1
|
+
$(document).on 'click', '.structure-form-menu ul li a', (e) ->
|
2
|
+
$structureForm = $(this).parents('.structure-form')
|
3
|
+
$(this).parent('li').siblings().removeClass('active')
|
4
|
+
$(this).parent('li').addClass('active')
|
5
|
+
$structureForm.find('.structure-form-pane').hide()
|
6
|
+
$($(this).attr('href')).show()
|
7
|
+
e.preventDefault()
|
@@ -181,6 +181,7 @@ button, input[type="submit"]
|
|
181
181
|
background: #fff
|
182
182
|
border: 1px solid #ccc
|
183
183
|
border-radius: 3px
|
184
|
+
box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
|
184
185
|
display: none
|
185
186
|
list-style: none
|
186
187
|
margin: 0
|
@@ -190,6 +191,10 @@ button, input[type="submit"]
|
|
190
191
|
width: 200px
|
191
192
|
z-index: 999
|
192
193
|
|
194
|
+
&.animated
|
195
|
+
display: block
|
196
|
+
@include animation-duration(.3s)
|
197
|
+
|
193
198
|
ul:before, .sliding-dropdown:before
|
194
199
|
content: ""
|
195
200
|
display: block
|
@@ -225,9 +230,6 @@ button, input[type="submit"]
|
|
225
230
|
left: auto
|
226
231
|
right: 12px
|
227
232
|
|
228
|
-
ul.open
|
229
|
-
display: block
|
230
|
-
|
231
233
|
ul li.divider
|
232
234
|
border-top: 1px solid #e9e9e9
|
233
235
|
margin: 8px 0
|
@@ -308,6 +308,107 @@ input.datepicker
|
|
308
308
|
z-index: 2
|
309
309
|
@include appearance(none)
|
310
310
|
|
311
|
+
// Structure form
|
312
|
+
|
313
|
+
.structure-form
|
314
|
+
margin-bottom: 40px
|
315
|
+
position: relative
|
316
|
+
@include display(flex)
|
317
|
+
|
318
|
+
.structure-form-menu
|
319
|
+
box-sizing: content-box
|
320
|
+
min-width: 240px
|
321
|
+
width: 240px
|
322
|
+
|
323
|
+
label
|
324
|
+
display: block
|
325
|
+
font-size: 14px
|
326
|
+
padding: 12px 40px
|
327
|
+
text-transform: none
|
328
|
+
|
329
|
+
ul
|
330
|
+
border-right: 1px solid #ddd
|
331
|
+
position: relative
|
332
|
+
|
333
|
+
ul:before, ul:after
|
334
|
+
content: " "
|
335
|
+
height: 40px
|
336
|
+
position: absolute
|
337
|
+
right: -1px
|
338
|
+
top: -40px
|
339
|
+
width: 1px
|
340
|
+
@include linear-gradient(transparent, #ddd)
|
341
|
+
|
342
|
+
ul:after
|
343
|
+
bottom: -40px
|
344
|
+
top: auto
|
345
|
+
@include linear-gradient(bottom, transparent, #ddd)
|
346
|
+
|
347
|
+
ul li a
|
348
|
+
color: #333
|
349
|
+
cursor: pointer
|
350
|
+
display: block
|
351
|
+
height: 50px
|
352
|
+
line-height: 50px
|
353
|
+
outline: none
|
354
|
+
padding-left: 40px
|
355
|
+
|
356
|
+
&:hover
|
357
|
+
background: #f9f9f9
|
358
|
+
|
359
|
+
i
|
360
|
+
color: #ddd
|
361
|
+
font-size: 16px
|
362
|
+
margin-right: 8px
|
363
|
+
vertical-align: middle
|
364
|
+
|
365
|
+
ul li.active a
|
366
|
+
color: $primary-color
|
367
|
+
|
368
|
+
ul li.active
|
369
|
+
margin-right: -1px
|
370
|
+
position: relative
|
371
|
+
|
372
|
+
a
|
373
|
+
background: #fff
|
374
|
+
|
375
|
+
&:before
|
376
|
+
border-bottom: 1px solid #ddd
|
377
|
+
border-bottom-right-radius: 3px
|
378
|
+
border-right: 1px solid #ddd
|
379
|
+
content: " "
|
380
|
+
height: 10px
|
381
|
+
position: absolute
|
382
|
+
right: 0px
|
383
|
+
top: -10px
|
384
|
+
width: 100%
|
385
|
+
|
386
|
+
&:after
|
387
|
+
bottom: -10px
|
388
|
+
border-right: 1px solid #ddd
|
389
|
+
border-top: 1px solid #d5d5d5
|
390
|
+
border-top-right-radius: 3px
|
391
|
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
|
392
|
+
content: " "
|
393
|
+
height: 10px
|
394
|
+
right: 0px
|
395
|
+
position: absolute
|
396
|
+
width: 100%
|
397
|
+
|
398
|
+
.structure-form-content
|
399
|
+
padding-left: 12px
|
400
|
+
padding-right: 40px
|
401
|
+
width: 100%
|
402
|
+
|
403
|
+
.structure-form-pane
|
404
|
+
display: none
|
405
|
+
|
406
|
+
.add_structure
|
407
|
+
bottom: -36px
|
408
|
+
left: 200px
|
409
|
+
outline: none
|
410
|
+
position: absolute
|
411
|
+
|
311
412
|
// Custom file input
|
312
413
|
|
313
414
|
.gallery .item
|
@@ -432,6 +533,12 @@ input.datepicker
|
|
432
533
|
height: 100%
|
433
534
|
margin-top: 2px
|
434
535
|
position: relative
|
536
|
+
|
537
|
+
&:hover .button
|
538
|
+
background: tint(#efefef, 20%)
|
539
|
+
|
540
|
+
&:active .button
|
541
|
+
background: shade(#efefef, 10%)
|
435
542
|
|
436
543
|
&:before
|
437
544
|
background: rgba(255, 255, 255, .5)
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: spina-template
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Bram Jetten
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-04-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -108,7 +108,6 @@ files:
|
|
108
108
|
- README.md
|
109
109
|
- Rakefile
|
110
110
|
- app/.DS_Store
|
111
|
-
- app/assets/.DS_Store
|
112
111
|
- app/assets/images/.DS_Store
|
113
112
|
- app/assets/images/spina/arrow-left.png
|
114
113
|
- app/assets/images/spina/arrow-right.png
|
@@ -122,6 +121,7 @@ files:
|
|
122
121
|
- app/assets/javascripts/.DS_Store
|
123
122
|
- app/assets/javascripts/spina.js.coffee.erb
|
124
123
|
- app/assets/javascripts/spina/dropdown.js.coffee
|
124
|
+
- app/assets/javascripts/spina/forms.js.coffee
|
125
125
|
- app/assets/javascripts/spina/galleryselect.js.coffee
|
126
126
|
- app/assets/javascripts/spina/modal.js.coffee
|
127
127
|
- app/assets/javascripts/spina/switch.js.coffee
|
data/app/assets/.DS_Store
DELETED
Binary file
|