bootstrap-material 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +19 -0
- data/Gemfile +3 -0
- data/LICENSE +32 -0
- data/README.md +79 -0
- data/Rakefile +1 -0
- data/app/assets/fonts/LICENSE.txt +428 -0
- data/app/assets/fonts/Material-Design-Icons.eot +0 -0
- data/app/assets/fonts/Material-Design-Icons.svg +769 -0
- data/app/assets/fonts/Material-Design-Icons.ttf +0 -0
- data/app/assets/fonts/Material-Design-Icons.woff +0 -0
- data/app/assets/javascripts/bootstrap-material/index.js +4 -0
- data/app/assets/javascripts/bootstrap-material/jquery.nouislider.js +668 -0
- data/app/assets/javascripts/bootstrap-material/material.js +226 -0
- data/app/assets/javascripts/bootstrap-material/ripples.js +324 -0
- data/app/assets/javascripts/bootstrap-material/snackbar.js +153 -0
- data/app/assets/stylesheets/_bootstrap-material-fullpalette.scss +3 -0
- data/app/assets/stylesheets/_bootstrap-material-roboto.scss +1 -0
- data/app/assets/stylesheets/_bootstrap-material.scss +3 -0
- data/app/assets/stylesheets/bootstrap-material-fullpalette/index.css +5 -0
- data/app/assets/stylesheets/bootstrap-material-fullpalette/material-fullpalette.css.erb +73442 -0
- data/app/assets/stylesheets/bootstrap-material-fullpalette/ripples.css +41 -0
- data/app/assets/stylesheets/bootstrap-material-fullpalette/snackbar.css +35 -0
- data/app/assets/stylesheets/bootstrap-material/index.css +5 -0
- data/app/assets/stylesheets/bootstrap-material/material.css.erb +8308 -0
- data/app/assets/stylesheets/bootstrap-material/ripples.css +41 -0
- data/app/assets/stylesheets/bootstrap-material/snackbar.css +35 -0
- data/bootstrap-material.gemspec +21 -0
- data/lib/bootstrap-material.rb +3 -0
- data/lib/bootstrap-material/engine.rb +4 -0
- metadata +86 -0
@@ -0,0 +1,41 @@
|
|
1
|
+
.withripple {
|
2
|
+
position: relative;
|
3
|
+
}
|
4
|
+
.ripple-wrapper {
|
5
|
+
position: absolute;
|
6
|
+
top: 0;
|
7
|
+
left: 0;
|
8
|
+
z-index: 1;
|
9
|
+
width: 100%;
|
10
|
+
height: 100%;
|
11
|
+
overflow: hidden;
|
12
|
+
border-radius: inherit;
|
13
|
+
pointer-events: none;
|
14
|
+
}
|
15
|
+
.ripple {
|
16
|
+
position: absolute;
|
17
|
+
width: 20px;
|
18
|
+
height: 20px;
|
19
|
+
margin-left: -10px;
|
20
|
+
margin-top: -10px;
|
21
|
+
border-radius: 100%;
|
22
|
+
background-color: rgba(0, 0, 0, 0.05);
|
23
|
+
-webkit-transform: scale(1);
|
24
|
+
-ms-transform: scale(1);
|
25
|
+
transform: scale(1);
|
26
|
+
-webkit-transform-origin: 50%;
|
27
|
+
-ms-transform-origin: 50%;
|
28
|
+
transform-origin: 50%;
|
29
|
+
opacity: 0;
|
30
|
+
pointer-events: none;
|
31
|
+
}
|
32
|
+
.ripple.ripple-on {
|
33
|
+
transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
34
|
+
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
35
|
+
opacity: 0.1;
|
36
|
+
}
|
37
|
+
.ripple.ripple-out {
|
38
|
+
transition: opacity 0.1s linear 0s !important;
|
39
|
+
opacity: 0;
|
40
|
+
}
|
41
|
+
/*# sourceMappingURL=ripples.css.map */
|
@@ -0,0 +1,35 @@
|
|
1
|
+
#snackbar-container {
|
2
|
+
position: fixed;
|
3
|
+
left: 20px;
|
4
|
+
bottom: 0;
|
5
|
+
z-index: 99999;
|
6
|
+
}
|
7
|
+
.snackbar {
|
8
|
+
overflow: hidden;
|
9
|
+
clear: both;
|
10
|
+
min-width: 288px;
|
11
|
+
max-width: 568px;
|
12
|
+
cursor: pointer;
|
13
|
+
opacity: 0;
|
14
|
+
}
|
15
|
+
.snackbar.snackbar-opened {
|
16
|
+
height: auto;
|
17
|
+
opacity: 1;
|
18
|
+
}
|
19
|
+
@media (max-width: 767px) {
|
20
|
+
#snackbar-container {
|
21
|
+
left: 0px !important;
|
22
|
+
right: 0px;
|
23
|
+
width: 100%;
|
24
|
+
}
|
25
|
+
#snackbar-container .snackbar {
|
26
|
+
min-width: 100%;
|
27
|
+
}
|
28
|
+
#snackbar-container [class="snackbar snackbar-opened"] ~ .snackbar.toast {
|
29
|
+
margin-top: 20px;
|
30
|
+
}
|
31
|
+
#snackbar-container [class="snackbar snackbar-opened"] {
|
32
|
+
border-radius: 0;
|
33
|
+
margin-bottom: 0;
|
34
|
+
}
|
35
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
|
5
|
+
Gem::Specification.new do |s|
|
6
|
+
s.name = 'bootstrap-material'
|
7
|
+
s.version = '0.3.0'
|
8
|
+
s.date = '2015-11-09'
|
9
|
+
s.summary = "Material Design for Bootstrap"
|
10
|
+
s.authors = ["Kyle Thompson"]
|
11
|
+
s.email = 'kyle@kylekthompson.com'
|
12
|
+
s.homepage = 'https://github.com/kylekthompson/bootstrap-material'
|
13
|
+
s.license = 'MIT'
|
14
|
+
|
15
|
+
s.files = `git ls-files -z`.split("\x0")
|
16
|
+
s.executables = s.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
17
|
+
s.test_files = s.files.grep(%r{^(test|s|features)/})
|
18
|
+
s.require_paths = ['lib']
|
19
|
+
|
20
|
+
s.add_dependency 'bootstrap-sass', '~>3.0'
|
21
|
+
end
|
metadata
ADDED
@@ -0,0 +1,86 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: bootstrap-material
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.3.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Kyle Thompson
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2015-11-09 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bootstrap-sass
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.0'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.0'
|
27
|
+
description:
|
28
|
+
email: kyle@kylekthompson.com
|
29
|
+
executables: []
|
30
|
+
extensions: []
|
31
|
+
extra_rdoc_files: []
|
32
|
+
files:
|
33
|
+
- ".gitignore"
|
34
|
+
- Gemfile
|
35
|
+
- LICENSE
|
36
|
+
- README.md
|
37
|
+
- Rakefile
|
38
|
+
- app/assets/fonts/LICENSE.txt
|
39
|
+
- app/assets/fonts/Material-Design-Icons.eot
|
40
|
+
- app/assets/fonts/Material-Design-Icons.svg
|
41
|
+
- app/assets/fonts/Material-Design-Icons.ttf
|
42
|
+
- app/assets/fonts/Material-Design-Icons.woff
|
43
|
+
- app/assets/javascripts/bootstrap-material/index.js
|
44
|
+
- app/assets/javascripts/bootstrap-material/jquery.nouislider.js
|
45
|
+
- app/assets/javascripts/bootstrap-material/material.js
|
46
|
+
- app/assets/javascripts/bootstrap-material/ripples.js
|
47
|
+
- app/assets/javascripts/bootstrap-material/snackbar.js
|
48
|
+
- app/assets/stylesheets/_bootstrap-material-fullpalette.scss
|
49
|
+
- app/assets/stylesheets/_bootstrap-material-roboto.scss
|
50
|
+
- app/assets/stylesheets/_bootstrap-material.scss
|
51
|
+
- app/assets/stylesheets/bootstrap-material-fullpalette/index.css
|
52
|
+
- app/assets/stylesheets/bootstrap-material-fullpalette/material-fullpalette.css.erb
|
53
|
+
- app/assets/stylesheets/bootstrap-material-fullpalette/ripples.css
|
54
|
+
- app/assets/stylesheets/bootstrap-material-fullpalette/snackbar.css
|
55
|
+
- app/assets/stylesheets/bootstrap-material/index.css
|
56
|
+
- app/assets/stylesheets/bootstrap-material/material.css.erb
|
57
|
+
- app/assets/stylesheets/bootstrap-material/ripples.css
|
58
|
+
- app/assets/stylesheets/bootstrap-material/snackbar.css
|
59
|
+
- bootstrap-material.gemspec
|
60
|
+
- lib/bootstrap-material.rb
|
61
|
+
- lib/bootstrap-material/engine.rb
|
62
|
+
homepage: https://github.com/kylekthompson/bootstrap-material
|
63
|
+
licenses:
|
64
|
+
- MIT
|
65
|
+
metadata: {}
|
66
|
+
post_install_message:
|
67
|
+
rdoc_options: []
|
68
|
+
require_paths:
|
69
|
+
- lib
|
70
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
71
|
+
requirements:
|
72
|
+
- - ">="
|
73
|
+
- !ruby/object:Gem::Version
|
74
|
+
version: '0'
|
75
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
76
|
+
requirements:
|
77
|
+
- - ">="
|
78
|
+
- !ruby/object:Gem::Version
|
79
|
+
version: '0'
|
80
|
+
requirements: []
|
81
|
+
rubyforge_project:
|
82
|
+
rubygems_version: 2.5.0
|
83
|
+
signing_key:
|
84
|
+
specification_version: 4
|
85
|
+
summary: Material Design for Bootstrap
|
86
|
+
test_files: []
|