rails-bootstrap-material-design 0.5.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/README.md +18 -0
  4. data/Rakefile +1 -0
  5. data/app/.DS_Store +0 -0
  6. data/app/assets/.DS_Store +0 -0
  7. data/app/assets/images/.DS_Store +0 -0
  8. data/app/assets/images/bootstrap-material-design/material-design-color-palette.jpg +0 -0
  9. data/app/assets/javascripts/.DS_Store +0 -0
  10. data/app/assets/javascripts/bootstrap-material-design.js +2 -0
  11. data/app/assets/javascripts/bootstrap-material-design/material.js +350 -0
  12. data/app/assets/javascripts/bootstrap-material-design/ripples.js +325 -0
  13. data/app/assets/stylesheets/.DS_Store +0 -0
  14. data/app/assets/stylesheets/bootstrap-material-design.scss +4 -0
  15. data/app/assets/stylesheets/bootstrap-material-design/.DS_Store +0 -0
  16. data/app/assets/stylesheets/bootstrap-material-design/_alerts.scss +17 -0
  17. data/app/assets/stylesheets/bootstrap-material-design/_buttons.scss +244 -0
  18. data/app/assets/stylesheets/bootstrap-material-design/_cards.scss +66 -0
  19. data/app/assets/stylesheets/bootstrap-material-design/_checkboxes.scss +270 -0
  20. data/app/assets/stylesheets/bootstrap-material-design/_colors-map.scss +311 -0
  21. data/app/assets/stylesheets/bootstrap-material-design/_colors.scss +359 -0
  22. data/app/assets/stylesheets/bootstrap-material-design/_core.scss +93 -0
  23. data/app/assets/stylesheets/bootstrap-material-design/_dialogs.scss +52 -0
  24. data/app/assets/stylesheets/bootstrap-material-design/_dividers.scss +71 -0
  25. data/app/assets/stylesheets/bootstrap-material-design/_form.scss +40 -0
  26. data/app/assets/stylesheets/bootstrap-material-design/_import-bs-sass.scss +2 -0
  27. data/app/assets/stylesheets/bootstrap-material-design/_inputs-size.scss +221 -0
  28. data/app/assets/stylesheets/bootstrap-material-design/_inputs.scss +352 -0
  29. data/app/assets/stylesheets/bootstrap-material-design/_labels.scss +4 -0
  30. data/app/assets/stylesheets/bootstrap-material-design/_lists.scss +102 -0
  31. data/app/assets/stylesheets/bootstrap-material-design/_mixins-utilities.scss +31 -0
  32. data/app/assets/stylesheets/bootstrap-material-design/_mixins.scss +241 -0
  33. data/app/assets/stylesheets/bootstrap-material-design/_navbar.scss +232 -0
  34. data/app/assets/stylesheets/bootstrap-material-design/_panels.scss +21 -0
  35. data/app/assets/stylesheets/bootstrap-material-design/_plugins.scss +5 -0
  36. data/app/assets/stylesheets/bootstrap-material-design/_popups.scss +18 -0
  37. data/app/assets/stylesheets/bootstrap-material-design/_progress.scss +10 -0
  38. data/app/assets/stylesheets/bootstrap-material-design/_radios.scss +115 -0
  39. data/app/assets/stylesheets/bootstrap-material-design/_shadows.scss +82 -0
  40. data/app/assets/stylesheets/bootstrap-material-design/_table.scss +15 -0
  41. data/app/assets/stylesheets/bootstrap-material-design/_tabs.scss +24 -0
  42. data/app/assets/stylesheets/bootstrap-material-design/_themes.scss +6 -0
  43. data/app/assets/stylesheets/bootstrap-material-design/_togglebutton.scss +83 -0
  44. data/app/assets/stylesheets/bootstrap-material-design/_typography.scss +15 -0
  45. data/app/assets/stylesheets/bootstrap-material-design/_variables.scss +169 -0
  46. data/app/assets/stylesheets/bootstrap-material-design/_welljumbo.scss +26 -0
  47. data/app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-dropdownjs.scss +15 -0
  48. data/app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-nouislider.scss +110 -0
  49. data/app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-selectize.scss +91 -0
  50. data/app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-snackbarjs.scss +32 -0
  51. data/app/assets/stylesheets/bootstrap-material-design/ripples.scss +36 -0
  52. data/lib/rails-bootstrap-material-design.rb +25 -0
  53. data/lib/rails-bootstrap-material-design/version.rb +3 -0
  54. data/rails-bootstrap-material-design.gemspec +20 -0
  55. metadata +124 -0
@@ -0,0 +1,26 @@
1
+ body {
2
+ .container,
3
+ .container-fluid {
4
+
5
+ .well.well-sm {
6
+ padding: 10px;
7
+ }
8
+ .well.well-lg {
9
+ padding: 26px;
10
+ }
11
+ .well,
12
+ .jumbotron {
13
+
14
+ background-color: #fff;
15
+ padding: 19px;
16
+ margin-bottom: 20px;
17
+ @include shadow-z-2();
18
+ border-radius: $border-radius-base;
19
+ border: 0;
20
+ p {
21
+ font-weight: 300;
22
+ }
23
+ @include variations(unquote(""), unquote(""), background-color, $white);
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,15 @@
1
+ .dropdownjs::after {
2
+ right: 5px;
3
+ top: 3px;
4
+ font-size: 25px;
5
+ position: absolute;
6
+
7
+ // bring in the material icon font and icon by code
8
+ font-family: 'Material Icons';
9
+ font-style: normal;
10
+ font-weight: 400;
11
+ content: "\e5c5"; // found here: https://github.com/google/material-design-icons/search?utf8=%E2%9C%93&q=arrow_drop_down
12
+
13
+ pointer-events: none;
14
+ color: #757575;
15
+ }
@@ -0,0 +1,110 @@
1
+ .noUi-target,
2
+ .noUi-target * {
3
+ -webkit-touch-callout: none;
4
+ -ms-touch-action: none;
5
+ user-select: none;
6
+ box-sizing: border-box;
7
+ }
8
+ .noUi-base {
9
+ width: 100%;
10
+ height: 100%;
11
+ position: relative;
12
+ }
13
+ .noUi-origin {
14
+ position: absolute;
15
+ right: 0;
16
+ top: 0;
17
+ left: 0;
18
+ bottom: 0;
19
+ }
20
+ .noUi-handle {
21
+ position: relative;
22
+ z-index: 1;
23
+ box-sizing: border-box;
24
+ }
25
+ .noUi-stacking .noUi-handle {
26
+ z-index: 10;
27
+ }
28
+ //.noUi-stacking + .noUi-origin {
29
+ // *z-index: -1;
30
+ //} WARNING: Property with star prefix found. Checks for the star property hack (targets IE6/7) (star-property-hack) Browsers: All
31
+ .noUi-state-tap .noUi-origin {
32
+ transition: left 0.3s, top 0.3s;
33
+ }
34
+ .noUi-state-drag * {
35
+ cursor: inherit !important;
36
+ }
37
+ .noUi-horizontal {
38
+ height: 10px;
39
+ }
40
+ .noUi-handle {
41
+ box-sizing: border-box;
42
+ width: 12px;
43
+ height: 12px;
44
+ left: -10px;
45
+ top: -5px;
46
+ cursor: ew-resize;
47
+ border-radius: 100%;
48
+ transition: all 0.2s ease-out;
49
+ border: 1px solid;
50
+ }
51
+ .noUi-vertical .noUi-handle {
52
+ margin-left: 5px;
53
+ cursor: ns-resize;
54
+ }
55
+ .noUi-horizontal.noUi-extended {
56
+ padding: 0 15px;
57
+ }
58
+ .noUi-horizontal.noUi-extended .noUi-origin {
59
+ right: -15px;
60
+ }
61
+ .noUi-background {
62
+ height: 2px;
63
+ margin: 20px 0;
64
+ }
65
+ .noUi-origin {
66
+ margin: 0;
67
+ border-radius: 0;
68
+ height: 2px;
69
+ background: #c8c8c8;
70
+ &[style^="left: 0"] .noUi-handle {
71
+ background-color: #fff;
72
+ border: 2px solid #c8c8c8;
73
+ &.noUi-active {
74
+ border-width: 1px;
75
+ }
76
+ }
77
+ }
78
+ .noUi-target {
79
+ border-radius: $border-radius-base;
80
+ }
81
+ .noUi-horizontal {
82
+ height: 2px;
83
+ margin: 15px 0;
84
+ }
85
+ .noUi-vertical {
86
+ height: 100%;
87
+ width: 2px;
88
+ margin: 0 15px;
89
+ display: inline-block;
90
+ }
91
+ .noUi-handle.noUi-active {
92
+ transform: scale3d(2.5, 2.5, 1);
93
+ }
94
+ [disabled].noUi-slider{
95
+ opacity: 0.5;
96
+ }
97
+ [disabled] .noUi-handle {
98
+ cursor: not-allowed;
99
+ }
100
+
101
+ .slider {
102
+ background: #c8c8c8;
103
+ }
104
+
105
+ .slider {
106
+ @include variations(unquote(".slider"), unquote(".noUi-connect"), background-color, $brand-primary);
107
+ @include variations(unquote(".slider"), unquote(" .noUi-connect"), background-color, $brand-primary);
108
+ @include variations(unquote(".slider"), unquote(" .noUi-handle"), background-color, $brand-primary);
109
+ @include variations(unquote(".slider"), unquote(" .noUi-handle"), border-color, $brand-primary);
110
+ }
@@ -0,0 +1,91 @@
1
+ // Support for Selectize plugin
2
+ // http://brianreavis.github.io/selectize.js/
3
+
4
+ .selectize-control.single, .selectize-control.multi {
5
+ padding: 0;
6
+ .selectize-input, .selectize-input.input-active {
7
+
8
+ cursor: text;
9
+ background: transparent;
10
+ box-shadow: none;
11
+ border: 0;
12
+ padding: 0;
13
+ height: 100%;
14
+ font-size: 14px;
15
+ line-height: 30px;
16
+ .has-items {
17
+ padding: 0;
18
+ }
19
+ &:after {
20
+ right: 5px;
21
+ position: absolute;
22
+ font-size: 25px;
23
+ content: "\e5c5";
24
+ font-family: 'Material Icons';
25
+ speak: none;
26
+ font-style: normal;
27
+ font-weight: normal;
28
+ font-variant: normal;
29
+ text-transform: none;
30
+ line-height: 1;
31
+ -webkit-font-smoothing: antialiased;
32
+ -moz-osx-font-smoothing: grayscale;
33
+ }
34
+ input {
35
+ font-size: 14px;
36
+ outline: 0;
37
+ border: 0;
38
+ background: transparent;
39
+ }
40
+ &.label-floating-fix input {
41
+ opacity: 0;
42
+ }
43
+ > div, > .item {
44
+ display: inline-block;
45
+ margin: 0 8px 3px 0;
46
+ padding: 0;
47
+ background: transparent;
48
+ border: 0;
49
+ &:after {
50
+ content: ",";
51
+ }
52
+ &:last-of-type:after {
53
+ content: "";
54
+ }
55
+ &.active {
56
+ font-weight: bold;
57
+ background: transparent;
58
+ border: 0;
59
+ }
60
+ }
61
+ }
62
+ .selectize-dropdown {
63
+ position: absolute;
64
+ z-index: 1000;
65
+ border: 0;
66
+ width: 100% !important;
67
+ left: 0 !important;
68
+ height: auto;
69
+ background-color: #FFF;
70
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
71
+ border-radius: $border-radius-base;
72
+ padding: 0;
73
+ margin-top: 3px;
74
+ .active {
75
+ background-color: inherit;
76
+ }
77
+ .highlight {
78
+ background-color: #d5d8ff;
79
+ }
80
+ .selected, .selected.active {
81
+ background-color: #EEEEEE;
82
+ }
83
+ [data-selectable], .optgroup-header {
84
+ padding: 10px 20px;
85
+ cursor: pointer;
86
+ }
87
+ }
88
+ .dropdown-active ~ .selectize-dropdown {
89
+ display: block;
90
+ }
91
+ }
@@ -0,0 +1,32 @@
1
+ // Support for SnackbarJS plugin
2
+ // https://github.com/FezVrasta/snackbarjs
3
+
4
+ .snackbar {
5
+ // Style
6
+ background-color: #323232;
7
+ color: $mdb-text-color-light;
8
+ font-size: 14px;
9
+ border-radius: $border-radius-base;
10
+ @include shadow-z-1;
11
+
12
+ // Animation
13
+ height: 0;
14
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
15
+ transform: translateY(200%);
16
+ }
17
+
18
+ .snackbar.snackbar-opened {
19
+ // Style
20
+ padding: 14px 15px;
21
+ margin-bottom: 20px;
22
+
23
+ // Animation
24
+ height: auto;
25
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
26
+ transform: none;
27
+ }
28
+
29
+ // Variations
30
+ .snackbar.toast {
31
+ border-radius: 200px;
32
+ }
@@ -0,0 +1,36 @@
1
+ .withripple {
2
+ position: relative;
3
+ }
4
+ .ripple-container {
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: #000; // fallback color
23
+ background-color: rgba(0,0,0,0.05);
24
+ transform: scale(1);
25
+ transform-origin: 50%;
26
+ opacity: 0;
27
+ pointer-events: none;
28
+ }
29
+ .ripple.ripple-on {
30
+ transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
31
+ opacity: 0.1;
32
+ }
33
+ .ripple.ripple-out {
34
+ transition: opacity 0.1s linear 0s !important;
35
+ opacity: 0;
36
+ }
@@ -0,0 +1,25 @@
1
+ require "rails-bootstrap-material-design/version"
2
+
3
+ module RailsBootstrapMaterialDesign
4
+
5
+ def self.gem_path
6
+ Pathname(File.realpath(__FILE__)).join('../..')
7
+ end
8
+
9
+ def self.gem_spec
10
+ Gem::Specification::load(
11
+ gem_path.join("rails-bootstrap-material-design.gemspec").to_s
12
+ )
13
+ end
14
+
15
+ def self.load_paths
16
+ gem_path.join('app/assets').each_child.to_a
17
+ end
18
+
19
+ if defined?(Rails)
20
+ class Engine < ::Rails::Engine
21
+ # Rails -> use app/assets directory.
22
+ end
23
+ end
24
+
25
+ end
@@ -0,0 +1,3 @@
1
+ module RailsBootstrapMaterialDesign
2
+ VERSION = "0.5.10"
3
+ end
@@ -0,0 +1,20 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'rails-bootstrap-material-design/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "rails-bootstrap-material-design"
8
+ spec.version = RailsBootstrapMaterialDesign::VERSION
9
+ spec.authors = ["enrian.com"]
10
+ spec.description = "Rails Material Design theme for Bootstrap 3"
11
+ spec.summary = "Rails Material Design theme for Bootstrap 3"
12
+ spec.homepage = "http://fezvrasta.github.io/bootstrap-material-design"
13
+ spec.license = "https://github.com/FezVrasta/bootstrap-material-design/blob/mast"
14
+
15
+ spec.files = `find ./* -type f | cut -b 3-`.split($/)
16
+ spec.require_paths = ["lib"]
17
+
18
+ spec.add_development_dependency "bundler", "~> 1.3"
19
+ spec.add_development_dependency "rake"
20
+ end
metadata ADDED
@@ -0,0 +1,124 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: rails-bootstrap-material-design
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.5.10
5
+ platform: ruby
6
+ authors:
7
+ - enrian.com
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2016-12-08 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.3'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: Rails Material Design theme for Bootstrap 3
42
+ email:
43
+ executables: []
44
+ extensions: []
45
+ extra_rdoc_files: []
46
+ files:
47
+ - Gemfile
48
+ - README.md
49
+ - Rakefile
50
+ - app/.DS_Store
51
+ - app/assets/.DS_Store
52
+ - app/assets/images/.DS_Store
53
+ - app/assets/images/bootstrap-material-design/material-design-color-palette.jpg
54
+ - app/assets/javascripts/.DS_Store
55
+ - app/assets/javascripts/bootstrap-material-design.js
56
+ - app/assets/javascripts/bootstrap-material-design/material.js
57
+ - app/assets/javascripts/bootstrap-material-design/ripples.js
58
+ - app/assets/stylesheets/.DS_Store
59
+ - app/assets/stylesheets/bootstrap-material-design.scss
60
+ - app/assets/stylesheets/bootstrap-material-design/.DS_Store
61
+ - app/assets/stylesheets/bootstrap-material-design/_alerts.scss
62
+ - app/assets/stylesheets/bootstrap-material-design/_buttons.scss
63
+ - app/assets/stylesheets/bootstrap-material-design/_cards.scss
64
+ - app/assets/stylesheets/bootstrap-material-design/_checkboxes.scss
65
+ - app/assets/stylesheets/bootstrap-material-design/_colors-map.scss
66
+ - app/assets/stylesheets/bootstrap-material-design/_colors.scss
67
+ - app/assets/stylesheets/bootstrap-material-design/_core.scss
68
+ - app/assets/stylesheets/bootstrap-material-design/_dialogs.scss
69
+ - app/assets/stylesheets/bootstrap-material-design/_dividers.scss
70
+ - app/assets/stylesheets/bootstrap-material-design/_form.scss
71
+ - app/assets/stylesheets/bootstrap-material-design/_import-bs-sass.scss
72
+ - app/assets/stylesheets/bootstrap-material-design/_inputs-size.scss
73
+ - app/assets/stylesheets/bootstrap-material-design/_inputs.scss
74
+ - app/assets/stylesheets/bootstrap-material-design/_labels.scss
75
+ - app/assets/stylesheets/bootstrap-material-design/_lists.scss
76
+ - app/assets/stylesheets/bootstrap-material-design/_mixins-utilities.scss
77
+ - app/assets/stylesheets/bootstrap-material-design/_mixins.scss
78
+ - app/assets/stylesheets/bootstrap-material-design/_navbar.scss
79
+ - app/assets/stylesheets/bootstrap-material-design/_panels.scss
80
+ - app/assets/stylesheets/bootstrap-material-design/_plugins.scss
81
+ - app/assets/stylesheets/bootstrap-material-design/_popups.scss
82
+ - app/assets/stylesheets/bootstrap-material-design/_progress.scss
83
+ - app/assets/stylesheets/bootstrap-material-design/_radios.scss
84
+ - app/assets/stylesheets/bootstrap-material-design/_shadows.scss
85
+ - app/assets/stylesheets/bootstrap-material-design/_table.scss
86
+ - app/assets/stylesheets/bootstrap-material-design/_tabs.scss
87
+ - app/assets/stylesheets/bootstrap-material-design/_themes.scss
88
+ - app/assets/stylesheets/bootstrap-material-design/_togglebutton.scss
89
+ - app/assets/stylesheets/bootstrap-material-design/_typography.scss
90
+ - app/assets/stylesheets/bootstrap-material-design/_variables.scss
91
+ - app/assets/stylesheets/bootstrap-material-design/_welljumbo.scss
92
+ - app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-dropdownjs.scss
93
+ - app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-nouislider.scss
94
+ - app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-selectize.scss
95
+ - app/assets/stylesheets/bootstrap-material-design/plugins/_plugin-snackbarjs.scss
96
+ - app/assets/stylesheets/bootstrap-material-design/ripples.scss
97
+ - lib/rails-bootstrap-material-design.rb
98
+ - lib/rails-bootstrap-material-design/version.rb
99
+ - rails-bootstrap-material-design.gemspec
100
+ homepage: http://fezvrasta.github.io/bootstrap-material-design
101
+ licenses:
102
+ - https://github.com/FezVrasta/bootstrap-material-design/blob/mast
103
+ metadata: {}
104
+ post_install_message:
105
+ rdoc_options: []
106
+ require_paths:
107
+ - lib
108
+ required_ruby_version: !ruby/object:Gem::Requirement
109
+ requirements:
110
+ - - ">="
111
+ - !ruby/object:Gem::Version
112
+ version: '0'
113
+ required_rubygems_version: !ruby/object:Gem::Requirement
114
+ requirements:
115
+ - - ">="
116
+ - !ruby/object:Gem::Version
117
+ version: '0'
118
+ requirements: []
119
+ rubyforge_project:
120
+ rubygems_version: 2.5.1
121
+ signing_key:
122
+ specification_version: 4
123
+ summary: Rails Material Design theme for Bootstrap 3
124
+ test_files: []