concertina-js-rails 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +43 -17
- data/lib/concertina/js/rails/version.rb +1 -1
- data/vendor/assets/javascripts/concertina.js +1 -1
- data/vendor/assets/stylesheets/concertina.scss +9 -11
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6d55e70280ecfd10c982236f0fa658b7114d50e9
|
4
|
+
data.tar.gz: 839f289c259464c5949d26aa229292e8a50e126c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d5b12860347d30460cff7116f655be238d328d5e9b1408db022891f324e9b5f0595c536bb5c93cbf079f6b5692b0f0cd98b4602806bf08167433d8181bc2637b
|
7
|
+
data.tar.gz: acb4eab79ce07154c3afe76b13edc45f5303d8ff7fbb7c0c54ac0e573d6091f89481faa164a6b407e2bb469cc634460c723c356f9d37203e1487867c6798adef
|
data/README.md
CHANGED
@@ -1,8 +1,14 @@
|
|
1
|
-
# Concertina
|
1
|
+
# Concertina-JS-Rails
|
2
2
|
|
3
|
-
|
3
|
+
![concertina](https://cloud.githubusercontent.com/assets/4082442/13274615/ba454a7a-db00-11e5-810c-d9c0e4c65197.gif)
|
4
4
|
|
5
|
-
|
5
|
+
Lightweight accordion UI.
|
6
|
+
|
7
|
+
## Etymology
|
8
|
+
|
9
|
+
The pirates used a type of accordion, called a "concertina".
|
10
|
+
|
11
|
+
![image](https://cloud.githubusercontent.com/assets/4082442/13274659/1f06d8de-db01-11e5-8a5d-3440190a6e38.png)
|
6
12
|
|
7
13
|
## Installation
|
8
14
|
|
@@ -16,24 +22,44 @@ And then execute:
|
|
16
22
|
|
17
23
|
$ bundle
|
18
24
|
|
19
|
-
Or install it yourself as:
|
20
|
-
|
21
|
-
$ gem install concertina-js-rails
|
22
|
-
|
23
25
|
## Usage
|
24
26
|
|
25
|
-
|
27
|
+
###Importing files
|
28
|
+
application.scss
|
29
|
+
```ruby
|
30
|
+
@import 'concertina';
|
31
|
+
```
|
32
|
+
application.js
|
33
|
+
```ruby
|
34
|
+
//= require concertina
|
35
|
+
```
|
36
|
+
|
37
|
+
###Sample markup
|
38
|
+
|
39
|
+
```html
|
40
|
+
<div class="Flotilla-tab-wrap">
|
41
|
+
<div class="Flotilla-tab active">Tab title 1</div>
|
42
|
+
<div class="Flotilla-tab">Tab title 2</div>
|
43
|
+
<div class="Flotilla-tab">Tab title 3</div>
|
44
|
+
|
45
|
+
<div class="Flotilla-content active">
|
46
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate iusto fugit autem unde incidunt eos ut quos aspernatur facilis corporis possimus obcaecati, et molestiae sint vero optio quia dignissimos commodi!
|
47
|
+
</div>
|
48
|
+
<div class="Flotilla-content">
|
49
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorum qui impedit voluptatem pariatur harum ipsa, debitis laudantium, facere minima, labore deleniti! Vero sapiente vel harum, repudiandae et culpa reprehenderit?
|
50
|
+
</div>
|
51
|
+
<div class="Flotilla-content">
|
52
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorum qui impedit voluptatem pariatur harum ipsa, debitis laudantium, facere minima, labore deleniti! Vero sapiente vel harum, repudiandae et culpa reprehenderit?
|
53
|
+
</div>
|
54
|
+
</div>
|
55
|
+
```
|
26
56
|
|
27
|
-
##
|
57
|
+
## Licence and Legals
|
28
58
|
|
29
|
-
|
59
|
+
PwC Shipyard is an alias of a sub-division of PwC Australia.
|
30
60
|
|
31
|
-
|
61
|
+
The contents of this repository are Copyright © 2016 PwC. All rights reserved. PwC refers to the PwC network and/or one or more of its member firms, each of which is a separate legal entity.
|
32
62
|
|
33
|
-
|
63
|
+
It is free software, and may be redistributed under the terms specified in the LICENSE file.
|
34
64
|
|
35
|
-
|
36
|
-
2. Create your feature branch (`git checkout -b my-new-feature`)
|
37
|
-
3. Commit your changes (`git commit -am 'Add some feature'`)
|
38
|
-
4. Push to the branch (`git push origin my-new-feature`)
|
39
|
-
5. Create a new Pull Request
|
65
|
+
The gem is still under active development and although it is publicly available, we won't be held responsible if you install it and something goes wrong. Use at your own risk.
|
@@ -9,24 +9,22 @@ $concertina-text-color: #979797 !default;
|
|
9
9
|
.Concertina-item{
|
10
10
|
position: relative;
|
11
11
|
border-bottom: 1px solid $concertina-border-color;
|
12
|
-
}
|
13
|
-
|
14
|
-
.Concertina-plus{
|
15
|
-
position: absolute;
|
16
|
-
top: 9px;
|
17
|
-
left: 10px;
|
18
|
-
font-size: 24px;
|
19
|
-
color: $concertina-icon-color;
|
20
|
-
transition: transform .25s;
|
21
12
|
|
22
13
|
&:before{
|
23
14
|
content: '+';
|
15
|
+
position: absolute;
|
16
|
+
top: 9px;
|
17
|
+
left: 10px;
|
18
|
+
font-size: 24px;
|
19
|
+
color: $concertina-icon-color;
|
20
|
+
transition: transform .25s;
|
24
21
|
}
|
25
|
-
|
26
|
-
&.s-rotated{
|
22
|
+
&.s-rotated:before{
|
27
23
|
transform: rotate(45deg);
|
28
24
|
}
|
29
25
|
}
|
26
|
+
|
27
|
+
|
30
28
|
.Concertina-title{
|
31
29
|
font-size: 16px;
|
32
30
|
padding: 15px;
|