rails-bootstrap-material-design 0.5.10

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.
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: []