concertina-js-rails 0.1.2 → 0.1.3
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.
- checksums.yaml +4 -4
- data/README.md +27 -14
- data/lib/concertina/js/rails/version.rb +1 -1
- data/vendor/assets/stylesheets/concertina.scss +2 -0
- 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: daa8583288c8cf09049c2c695579bf8a4ae4db21
|
|
4
|
+
data.tar.gz: 04cde2db3c9f31d8c3e38594d0ff2c1334d29fdf
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 89dc47b1908ac456229880a2e39f0770cbaed1cef4c40b740e742db9a4a15042b82331981fca3c13d0b49635925a8a1126d215566efe4da17ff74e628d3c6c3c
|
|
7
|
+
data.tar.gz: 6b3b119a83f2d96677c953034724f43dddefc8aa61c190d7af195f7a90ea54dc7ab19d1b0827bd262bee2995f816748cd48e1e7f0a4468edf36a9f6aad838196
|
data/README.md
CHANGED
|
@@ -24,7 +24,7 @@ And then execute:
|
|
|
24
24
|
|
|
25
25
|
## Usage
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
#### Importing files
|
|
28
28
|
application.scss
|
|
29
29
|
```ruby
|
|
30
30
|
@import 'concertina';
|
|
@@ -34,26 +34,39 @@ application.js
|
|
|
34
34
|
//= require concertina
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
#### Sample markup
|
|
38
38
|
|
|
39
39
|
```html
|
|
40
|
-
<div class="
|
|
41
|
-
<div class="
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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?
|
|
40
|
+
<div class="Concertina-wrap">
|
|
41
|
+
<div class="Concertina-item">
|
|
42
|
+
<div class="Concertina-title">What is GST?</div>
|
|
43
|
+
<div class="Concertina-text">
|
|
44
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis dolore dicta aspernatur libero, est, quia nobis dolor!
|
|
45
|
+
</div>
|
|
50
46
|
</div>
|
|
51
|
-
<div class="
|
|
52
|
-
|
|
47
|
+
<div class="Concertina-item">
|
|
48
|
+
<div class="Concertina-title">How does GST work?</div>
|
|
49
|
+
<div class="Concertina-text">
|
|
50
|
+
Modi suscipit dolores vero maxime, nesciunt placeat, ab reprehenderit doloribus.
|
|
51
|
+
</div>
|
|
53
52
|
</div>
|
|
54
53
|
</div>
|
|
55
54
|
```
|
|
56
55
|
|
|
56
|
+
#### Overriding colors
|
|
57
|
+
|
|
58
|
+
Create some sass variables to overwrite the gem defaults. See below:
|
|
59
|
+
```scss
|
|
60
|
+
$concertina-border-color: red;
|
|
61
|
+
$concertina-icon-color: green;
|
|
62
|
+
$concertina-title-color: blue;
|
|
63
|
+
$concertina-text-color: grey;
|
|
64
|
+
```
|
|
65
|
+
Will result in:
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
57
70
|
## Licence and Legals
|
|
58
71
|
|
|
59
72
|
PwC Shipyard is an alias of a sub-division of PwC Australia.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
$concertina-border-color: #DDD !default;
|
|
2
2
|
$concertina-icon-color: #979797 !default;
|
|
3
|
+
$concertina-title-color: #979797 !default;
|
|
3
4
|
$concertina-text-color: #979797 !default;
|
|
4
5
|
|
|
5
6
|
.Concertina-wrap{
|
|
@@ -29,6 +30,7 @@ $concertina-text-color: #979797 !default;
|
|
|
29
30
|
font-size: 16px;
|
|
30
31
|
padding: 15px;
|
|
31
32
|
padding-left: 50px;
|
|
33
|
+
color: $concertina-title-color;
|
|
32
34
|
}
|
|
33
35
|
|
|
34
36
|
.Concertina-text{
|