concertina_js_rails 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +9 -0
- data/.travis.yml +3 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +80 -0
- data/Rakefile +1 -0
- data/bin/console +14 -0
- data/bin/setup +7 -0
- data/concertina_js_rails.gemspec +19 -0
- data/lib/concertina_js_rails.rb +6 -0
- data/lib/concertina_js_rails/version.rb +3 -0
- data/vendor/assets/javascripts/concertina.js +9 -0
- data/vendor/assets/stylesheets/concertina.scss +48 -0
- metadata +85 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: b3f5ba9d78e4af279ab67eea68e0981bea0e48dc
|
4
|
+
data.tar.gz: 9c2ad692c57327f43f8f796e3142e63fa0cd9127
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 75bfb1ee641984f7afd1d51bffdd54ab63b87cfe5ed00288ab359b300204f422f648b1c9c64564c39f587bc44789fb5f1f0fb5795969275f37e40805ec53d93d
|
7
|
+
data.tar.gz: 0edb6aae1ac1bba917c075e9f9a87605727be4448c13ef54e81df7ed443763b738929892564dcdf460895e83df452d449c7f977708468c61b571a2bc28dd8d96
|
data/.gitignore
ADDED
data/.travis.yml
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 Richard Tan
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,80 @@
|
|
1
|
+
# Concertina-JS-Rails
|
2
|
+
|
3
|
+
![concertina](https://cloud.githubusercontent.com/assets/4082442/13274615/ba454a7a-db00-11e5-810c-d9c0e4c65197.gif)
|
4
|
+
|
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)
|
12
|
+
|
13
|
+
## Installation
|
14
|
+
|
15
|
+
Add this line to your application's Gemfile:
|
16
|
+
|
17
|
+
```ruby
|
18
|
+
gem 'concertina-js-rails'
|
19
|
+
```
|
20
|
+
|
21
|
+
And then execute:
|
22
|
+
|
23
|
+
$ bundle
|
24
|
+
|
25
|
+
## Usage
|
26
|
+
|
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="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>
|
46
|
+
</div>
|
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>
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
```
|
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
|
+
![image](https://cloud.githubusercontent.com/assets/4082442/13275010/545c6f00-db04-11e5-9ac7-a2ea717722ba.png)
|
68
|
+
|
69
|
+
P.S. The above is **hideous**, please don't copy it.
|
70
|
+
|
71
|
+
|
72
|
+
## Licence and Legals
|
73
|
+
|
74
|
+
PwC Shipyard is an alias of a sub-division of PwC Australia.
|
75
|
+
|
76
|
+
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.
|
77
|
+
|
78
|
+
It is free software, and may be redistributed under the terms specified in the LICENSE file.
|
79
|
+
|
80
|
+
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.
|
data/Rakefile
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require "bundler/gem_tasks"
|
data/bin/console
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
|
3
|
+
require "bundler/setup"
|
4
|
+
require "concertina_js_rails"
|
5
|
+
|
6
|
+
# You can add fixtures and/or initialization code here to make experimenting
|
7
|
+
# with your gem easier. You can also use a different console, if you like.
|
8
|
+
|
9
|
+
# (If you use this, don't forget to add pry to your Gemfile!)
|
10
|
+
# require "pry"
|
11
|
+
# Pry.start
|
12
|
+
|
13
|
+
require "irb"
|
14
|
+
IRB.start
|
data/bin/setup
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'concertina_js_rails/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "concertina_js_rails"
|
8
|
+
spec.version = ConcertinaJsRails::VERSION
|
9
|
+
spec.authors = ["Richard Tan"]
|
10
|
+
spec.email = ["chardos@gmail.com"]
|
11
|
+
spec.summary = %q{This gem exposes the SCSS and JS for Concertina JS}
|
12
|
+
spec.license = "MIT"
|
13
|
+
|
14
|
+
spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
|
15
|
+
spec.require_paths = ["lib"]
|
16
|
+
|
17
|
+
spec.add_development_dependency "bundler", "~> 1.9"
|
18
|
+
spec.add_development_dependency "rake", "~> 10.0"
|
19
|
+
end
|
@@ -0,0 +1,48 @@
|
|
1
|
+
$concertina-border-color: #DDD !default;
|
2
|
+
$concertina-icon-color: #979797 !default;
|
3
|
+
$concertina-title-color: #292e31 !default;
|
4
|
+
$concertina-text-color: #979797 !default;
|
5
|
+
|
6
|
+
.Concertina-wrap{
|
7
|
+
text-align: left;
|
8
|
+
}
|
9
|
+
|
10
|
+
.Concertina-item{
|
11
|
+
position: relative;
|
12
|
+
border-bottom: 1px solid $concertina-border-color;
|
13
|
+
|
14
|
+
&:before{
|
15
|
+
content: '+';
|
16
|
+
position: absolute;
|
17
|
+
top: 9px;
|
18
|
+
left: 10px;
|
19
|
+
font-size: 24px;
|
20
|
+
color: $concertina-icon-color;
|
21
|
+
transition: all .25s;
|
22
|
+
}
|
23
|
+
&:hover:before{
|
24
|
+
opacity: .7;
|
25
|
+
}
|
26
|
+
&.s-rotated:before{
|
27
|
+
transform: rotate(45deg);
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.Concertina-title{
|
32
|
+
cursor: pointer;
|
33
|
+
font-size: 16px;
|
34
|
+
padding: 15px;
|
35
|
+
padding-left: 50px;
|
36
|
+
color: $concertina-title-color;
|
37
|
+
transition: all .25s;
|
38
|
+
|
39
|
+
&:hover{
|
40
|
+
opacity: .7;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
.Concertina-text{
|
45
|
+
display: none;
|
46
|
+
padding: 0 15px 15px 50px;
|
47
|
+
color: $concertina-text-color;
|
48
|
+
}
|
metadata
ADDED
@@ -0,0 +1,85 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: concertina_js_rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.2.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Richard Tan
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2016-02-25 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bundler
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '1.9'
|
20
|
+
type: :development
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '1.9'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: rake
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '10.0'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '10.0'
|
41
|
+
description:
|
42
|
+
email:
|
43
|
+
- chardos@gmail.com
|
44
|
+
executables: []
|
45
|
+
extensions: []
|
46
|
+
extra_rdoc_files: []
|
47
|
+
files:
|
48
|
+
- ".gitignore"
|
49
|
+
- ".travis.yml"
|
50
|
+
- Gemfile
|
51
|
+
- LICENSE.txt
|
52
|
+
- README.md
|
53
|
+
- Rakefile
|
54
|
+
- bin/console
|
55
|
+
- bin/setup
|
56
|
+
- concertina_js_rails.gemspec
|
57
|
+
- lib/concertina_js_rails.rb
|
58
|
+
- lib/concertina_js_rails/version.rb
|
59
|
+
- vendor/assets/javascripts/concertina.js
|
60
|
+
- vendor/assets/stylesheets/concertina.scss
|
61
|
+
homepage:
|
62
|
+
licenses:
|
63
|
+
- MIT
|
64
|
+
metadata: {}
|
65
|
+
post_install_message:
|
66
|
+
rdoc_options: []
|
67
|
+
require_paths:
|
68
|
+
- lib
|
69
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
70
|
+
requirements:
|
71
|
+
- - ">="
|
72
|
+
- !ruby/object:Gem::Version
|
73
|
+
version: '0'
|
74
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
75
|
+
requirements:
|
76
|
+
- - ">="
|
77
|
+
- !ruby/object:Gem::Version
|
78
|
+
version: '0'
|
79
|
+
requirements: []
|
80
|
+
rubyforge_project:
|
81
|
+
rubygems_version: 2.4.5.1
|
82
|
+
signing_key:
|
83
|
+
specification_version: 4
|
84
|
+
summary: This gem exposes the SCSS and JS for Concertina JS
|
85
|
+
test_files: []
|