active_material 1.4.1

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 (85) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +22 -0
  3. data/README.md +60 -0
  4. data/app/assets/images/active_material/icons/account_circle.svg +9 -0
  5. data/app/assets/images/active_material/icons/arrow-dropdown.svg +7 -0
  6. data/app/assets/images/active_material/icons/arrow_down.svg +7 -0
  7. data/app/assets/images/active_material/icons/clear.svg +8 -0
  8. data/app/assets/images/active_material/icons/create.svg +8 -0
  9. data/app/assets/images/active_material/icons/email.svg +8 -0
  10. data/app/assets/images/active_material/icons/event.svg +8 -0
  11. data/app/assets/images/active_material/icons/more.svg +9 -0
  12. data/app/assets/images/active_material/icons/reorder.svg +4 -0
  13. data/app/assets/images/active_material/icons/search.svg +9 -0
  14. data/app/assets/images/active_material/icons/secret.svg +8 -0
  15. data/app/assets/javascripts/active_material/fonts.js +21 -0
  16. data/app/assets/javascripts/active_material.js +1 -0
  17. data/app/assets/stylesheets/active_material/atoms/clearfix.scss +14 -0
  18. data/app/assets/stylesheets/active_material/atoms/color.scss +5 -0
  19. data/app/assets/stylesheets/active_material/atoms/family.scss +5 -0
  20. data/app/assets/stylesheets/active_material/atoms/fill.scss +5 -0
  21. data/app/assets/stylesheets/active_material/atoms/hidden.scss +5 -0
  22. data/app/assets/stylesheets/active_material/atoms/links.scss +23 -0
  23. data/app/assets/stylesheets/active_material/atoms/lists.scss +13 -0
  24. data/app/assets/stylesheets/active_material/atoms/paper.scss +7 -0
  25. data/app/assets/stylesheets/active_material/atoms/type.scss +54 -0
  26. data/app/assets/stylesheets/active_material/components/avatar.scss +3 -0
  27. data/app/assets/stylesheets/active_material/components/blank_slate.scss +26 -0
  28. data/app/assets/stylesheets/active_material/components/breadcrumbs.scss +11 -0
  29. data/app/assets/stylesheets/active_material/components/buttons.scss +20 -0
  30. data/app/assets/stylesheets/active_material/components/checkbox.scss +21 -0
  31. data/app/assets/stylesheets/active_material/components/clearfix.scss +3 -0
  32. data/app/assets/stylesheets/active_material/components/date-select.scss +31 -0
  33. data/app/assets/stylesheets/active_material/components/datepicker.scss +58 -0
  34. data/app/assets/stylesheets/active_material/components/dialog.scss +37 -0
  35. data/app/assets/stylesheets/active_material/components/dropdown.scss +33 -0
  36. data/app/assets/stylesheets/active_material/components/featured-blocks.scss +12 -0
  37. data/app/assets/stylesheets/active_material/components/filter.scss +61 -0
  38. data/app/assets/stylesheets/active_material/components/flash.scss +13 -0
  39. data/app/assets/stylesheets/active_material/components/footer.scss +4 -0
  40. data/app/assets/stylesheets/active_material/components/forms.scss +92 -0
  41. data/app/assets/stylesheets/active_material/components/header.scss +64 -0
  42. data/app/assets/stylesheets/active_material/components/hidden.scss +3 -0
  43. data/app/assets/stylesheets/active_material/components/login.scss +53 -0
  44. data/app/assets/stylesheets/active_material/components/overlay.scss +8 -0
  45. data/app/assets/stylesheets/active_material/components/pagination.scss +43 -0
  46. data/app/assets/stylesheets/active_material/components/panels.scss +38 -0
  47. data/app/assets/stylesheets/active_material/components/photo_select.scss +7 -0
  48. data/app/assets/stylesheets/active_material/components/scopes.scss +29 -0
  49. data/app/assets/stylesheets/active_material/components/select.scss +20 -0
  50. data/app/assets/stylesheets/active_material/components/sortable.scss +36 -0
  51. data/app/assets/stylesheets/active_material/components/structure.scss +30 -0
  52. data/app/assets/stylesheets/active_material/components/tables.scss +85 -0
  53. data/app/assets/stylesheets/active_material/components/tabs.scss +25 -0
  54. data/app/assets/stylesheets/active_material/components/tag.scss +23 -0
  55. data/app/assets/stylesheets/active_material/components/title_bar.scss +21 -0
  56. data/app/assets/stylesheets/active_material/components/utility_nav.scss +84 -0
  57. data/app/assets/stylesheets/active_material/generators/functions.scss +102 -0
  58. data/app/assets/stylesheets/active_material/generators/mixins.scss +24 -0
  59. data/app/assets/stylesheets/active_material/global/foundation.scss +107 -0
  60. data/app/assets/stylesheets/active_material/prototypes/actions-footer.scss +8 -0
  61. data/app/assets/stylesheets/active_material/prototypes/avatar.scss +19 -0
  62. data/app/assets/stylesheets/active_material/prototypes/btn-icon.scss +14 -0
  63. data/app/assets/stylesheets/active_material/prototypes/button.scss +58 -0
  64. data/app/assets/stylesheets/active_material/prototypes/datepicker.scss +107 -0
  65. data/app/assets/stylesheets/active_material/prototypes/dialog.scss +54 -0
  66. data/app/assets/stylesheets/active_material/prototypes/menu.scss +118 -0
  67. data/app/assets/stylesheets/active_material/prototypes/multiselect.scss +20 -0
  68. data/app/assets/stylesheets/active_material/prototypes/select.scss +42 -0
  69. data/app/assets/stylesheets/active_material/prototypes/snackbar.scss +47 -0
  70. data/app/assets/stylesheets/active_material/prototypes/subheader.scss +13 -0
  71. data/app/assets/stylesheets/active_material/prototypes/table.scss +116 -0
  72. data/app/assets/stylesheets/active_material/prototypes/tabs.scss +109 -0
  73. data/app/assets/stylesheets/active_material/prototypes/tag.scss +36 -0
  74. data/app/assets/stylesheets/active_material/prototypes/textfield.scss +137 -0
  75. data/app/assets/stylesheets/active_material/prototypes/toolbar.scss +70 -0
  76. data/app/assets/stylesheets/active_material/prototypes/underlay.scss +16 -0
  77. data/app/assets/stylesheets/active_material/values/breakpoints.scss +3 -0
  78. data/app/assets/stylesheets/active_material/values/colors.scss +104 -0
  79. data/app/assets/stylesheets/active_material/values/elevation.scss +8 -0
  80. data/app/assets/stylesheets/active_material/values/fonts.scss +10 -0
  81. data/app/assets/stylesheets/active_material/values/units.scss +8 -0
  82. data/app/assets/stylesheets/active_material.scss +36 -0
  83. data/lib/active_material/version.rb +3 -0
  84. data/lib/active_material.rb +8 -0
  85. metadata +156 -0
@@ -0,0 +1,104 @@
1
+ ////
2
+ /// @group colors
3
+ ////
4
+
5
+ /// Primary theme color. This is the main admin theme color, showing itself
6
+ /// on the main header, buttons, and other elements that command attention.
7
+ /// If you want to change the main theme colors, this is the value you want.
8
+ $am-theme-primary: #009688 !default;
9
+
10
+ /// A darker primary theme color for contrast when overlaying important items
11
+ /// containers that are already treated with primary color.
12
+ $am-theme-primary-700: #0D3C55 !default;
13
+
14
+ /// Used for primary action button and components like switches or sliders.
15
+ $am-theme-accent: #cddc39 !default;
16
+
17
+ /// The color treatment of error messages.
18
+ $am-theme-error: #f44336 !default;
19
+
20
+ /// A lighter treatment for errors to draw contrast to the main error color.
21
+ $am-theme-error-400: #FF695E !default;
22
+
23
+ /// The background color of the document.
24
+ $am-theme-backdrop: #eeeeee !default;
25
+
26
+ /// The background color of Material Design "paper" elements such as cards.
27
+ /// And other elements that overlap content.
28
+ $am-theme-paper: white !default;
29
+
30
+ /// The color of tooling lines used to aid the eye when breaking down content.
31
+ $am-theme-divider: #efefef !default;
32
+
33
+ /// The text color for hints. Displays itself in helper text under inputs and
34
+ /// other guiding copy.
35
+ $am-theme-hint-text: rgba(black, 0.26) !default;
36
+
37
+ /// A lighter text color for less important content.
38
+ $am-theme-secondary-text: rgba(black, 0.54) !default;
39
+
40
+ /// A lighter text color for less important content on dark backgrounds.
41
+ $am-theme-secondary-text-reverse: rgba(white, 0.54) !default;
42
+
43
+ /// An even lighter text treatment for content less important than
44
+ /// secondary text.
45
+ $am-theme-tertiary-text: rgba(black, 0.4) !default;
46
+
47
+ /// The default color of icons.
48
+ $am-theme-icon: $am-theme-secondary-text !default;
49
+
50
+ /// The default color for all text.
51
+ $am-theme-text: rgba(black, 0.70) !default;
52
+
53
+ /// The default color for all text on dark backgrounds.
54
+ $am-theme-text-reverse: white !default;
55
+
56
+ /// A color for focus states.
57
+ /// @deprecated
58
+ $am-state-focus: rgba(#999, 0.2) !default;
59
+
60
+ /// A color for active states.
61
+ /// @deprecated
62
+ $am-state-active: rgba(#999, 0.4) !default;
63
+
64
+ /// A color for disabled states.
65
+ /// @deprecated
66
+ $am-state-disabled: rgba(#999, 0.1) !default;
67
+
68
+ /// An old variable for primary colors maintained for legacy support on other projects.
69
+ /// @deprecated
70
+ $theme-primary: $am-theme-primary !default;
71
+
72
+ /// An old variable for divider colors maintained for legacy support on other projects.
73
+ /// @deprecated
74
+ $theme-divider: $am-theme-divider !default;
75
+
76
+ /// An old variable for accent colors maintained for legacy support on other projects.
77
+ /// @deprecated
78
+ $theme-accent: $am-theme-accent !default;
79
+
80
+ /// An old variable for error colors maintained for legacy support on other projects.
81
+ /// @deprecated
82
+ $theme-error: $am-theme-error !default;
83
+
84
+ $am-colors: (
85
+ accent : $am-theme-accent,
86
+ accent-active : lighten($am-theme-accent, 2%),
87
+ accent-hover : lighten($am-theme-accent, 5%),
88
+ backdrop : $am-theme-backdrop,
89
+ black : black,
90
+ divider : $am-theme-divider,
91
+ error : $am-theme-error,
92
+ error-400 : $am-theme-error-400,
93
+ hint : $am-theme-hint-text,
94
+ paper : $am-theme-paper,
95
+ primary : $am-theme-primary,
96
+ primary-700 : $am-theme-primary-700,
97
+ secondary-text : $am-theme-secondary-text,
98
+ secondary-text-light : $am-theme-secondary-text-reverse,
99
+ text : $am-theme-text,
100
+ text-light : $am-theme-text-reverse,
101
+ white : white,
102
+ tertiary-text : $am-theme-tertiary-text,
103
+ icon : $am-theme-icon
104
+ );
@@ -0,0 +1,8 @@
1
+ $am-elevation-0: 0 !default;
2
+ $am-elevation-1: 100 !default;
3
+ $am-elevation-2: 200 !default;
4
+ $am-elevation-3: 300 !default;
5
+ $am-elevation-4: 400 !default;
6
+ $am-elevation-5: 500 !default;
7
+ $am-elevation-fixed: 600 !default;
8
+ $am-elevation-top: 1000 !default;
@@ -0,0 +1,10 @@
1
+ ////
2
+ /// @group fonts
3
+ ////
4
+
5
+ /// The default sans-serif font
6
+ $am-font-sans: 'RobotoDraft', sans-serif !default;
7
+
8
+ $am-fonts: (
9
+ sans: $am-font-sans
10
+ )
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Unit
3
+ * http://www.google.com/design/spec/layout/metrics-and-keylines.html#metrics-and-keylines-baseline-units
4
+ */
5
+
6
+ $am-unit-base: 8px !default;
7
+ $am-unit-type: 4px !default;
8
+ $am-unit-icon: 4px !default;
@@ -0,0 +1,36 @@
1
+ ////
2
+ /// Active Material
3
+ /// A redesign of ActiveAdmin that follows Material Design standards
4
+ /// www.google.com/design/spec/material-design/introduction.html
5
+ /// @author Viget Labs
6
+ ////
7
+
8
+ /// $variables, these should always end with !default
9
+ /// so that they can be overriden
10
+ @import "active_material/values/colors";
11
+ @import "active_material/values/units";
12
+ @import "active_material/values/fonts";
13
+ @import "active_material/values/breakpoints";
14
+ @import "active_material/values/elevation";
15
+ @import "active_material/values/*";
16
+
17
+ /// Generators describe functions, mixins, and classes
18
+ /// intended for extension. More or less, they are "style builders"
19
+ /// instead of "style descriptors"
20
+ @import "active_material/generators/functions";
21
+ @import "active_material/generators/mixins";
22
+ @import "active_material/generators/*";
23
+
24
+ /// Atoms are individual styles to enhance reusability
25
+ @import "active_material/atoms/*";
26
+
27
+ /// Foundational rules that setup the page
28
+ @import "active_material/global/foundation";
29
+ @import "active_material/global/*";
30
+
31
+ /// Prototypes are collections of mixins that allow for css design
32
+ /// without the constraints of limiting ActiveAdmin selectors
33
+ @import "active_material/prototypes/*";
34
+
35
+ /// Components describe actual implementation within Active Admin
36
+ @import "active_material/components/*";
@@ -0,0 +1,3 @@
1
+ module ActiveMaterial
2
+ VERSION = "1.4.1"
3
+ end
@@ -0,0 +1,8 @@
1
+ require "active_material/version"
2
+
3
+ module ActiveMaterial
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
metadata ADDED
@@ -0,0 +1,156 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: active_material
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.4.1
5
+ platform: ruby
6
+ authors:
7
+ - Platanus
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2016-04-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.7'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.7'
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: ActiveAdmin skin based on Google's Material Design.
42
+ email:
43
+ - rubygems@platan.us
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - LICENSE.txt
49
+ - README.md
50
+ - app/assets/images/active_material/icons/account_circle.svg
51
+ - app/assets/images/active_material/icons/arrow-dropdown.svg
52
+ - app/assets/images/active_material/icons/arrow_down.svg
53
+ - app/assets/images/active_material/icons/clear.svg
54
+ - app/assets/images/active_material/icons/create.svg
55
+ - app/assets/images/active_material/icons/email.svg
56
+ - app/assets/images/active_material/icons/event.svg
57
+ - app/assets/images/active_material/icons/more.svg
58
+ - app/assets/images/active_material/icons/reorder.svg
59
+ - app/assets/images/active_material/icons/search.svg
60
+ - app/assets/images/active_material/icons/secret.svg
61
+ - app/assets/javascripts/active_material.js
62
+ - app/assets/javascripts/active_material/fonts.js
63
+ - app/assets/stylesheets/active_material.scss
64
+ - app/assets/stylesheets/active_material/atoms/clearfix.scss
65
+ - app/assets/stylesheets/active_material/atoms/color.scss
66
+ - app/assets/stylesheets/active_material/atoms/family.scss
67
+ - app/assets/stylesheets/active_material/atoms/fill.scss
68
+ - app/assets/stylesheets/active_material/atoms/hidden.scss
69
+ - app/assets/stylesheets/active_material/atoms/links.scss
70
+ - app/assets/stylesheets/active_material/atoms/lists.scss
71
+ - app/assets/stylesheets/active_material/atoms/paper.scss
72
+ - app/assets/stylesheets/active_material/atoms/type.scss
73
+ - app/assets/stylesheets/active_material/components/avatar.scss
74
+ - app/assets/stylesheets/active_material/components/blank_slate.scss
75
+ - app/assets/stylesheets/active_material/components/breadcrumbs.scss
76
+ - app/assets/stylesheets/active_material/components/buttons.scss
77
+ - app/assets/stylesheets/active_material/components/checkbox.scss
78
+ - app/assets/stylesheets/active_material/components/clearfix.scss
79
+ - app/assets/stylesheets/active_material/components/date-select.scss
80
+ - app/assets/stylesheets/active_material/components/datepicker.scss
81
+ - app/assets/stylesheets/active_material/components/dialog.scss
82
+ - app/assets/stylesheets/active_material/components/dropdown.scss
83
+ - app/assets/stylesheets/active_material/components/featured-blocks.scss
84
+ - app/assets/stylesheets/active_material/components/filter.scss
85
+ - app/assets/stylesheets/active_material/components/flash.scss
86
+ - app/assets/stylesheets/active_material/components/footer.scss
87
+ - app/assets/stylesheets/active_material/components/forms.scss
88
+ - app/assets/stylesheets/active_material/components/header.scss
89
+ - app/assets/stylesheets/active_material/components/hidden.scss
90
+ - app/assets/stylesheets/active_material/components/login.scss
91
+ - app/assets/stylesheets/active_material/components/overlay.scss
92
+ - app/assets/stylesheets/active_material/components/pagination.scss
93
+ - app/assets/stylesheets/active_material/components/panels.scss
94
+ - app/assets/stylesheets/active_material/components/photo_select.scss
95
+ - app/assets/stylesheets/active_material/components/scopes.scss
96
+ - app/assets/stylesheets/active_material/components/select.scss
97
+ - app/assets/stylesheets/active_material/components/sortable.scss
98
+ - app/assets/stylesheets/active_material/components/structure.scss
99
+ - app/assets/stylesheets/active_material/components/tables.scss
100
+ - app/assets/stylesheets/active_material/components/tabs.scss
101
+ - app/assets/stylesheets/active_material/components/tag.scss
102
+ - app/assets/stylesheets/active_material/components/title_bar.scss
103
+ - app/assets/stylesheets/active_material/components/utility_nav.scss
104
+ - app/assets/stylesheets/active_material/generators/functions.scss
105
+ - app/assets/stylesheets/active_material/generators/mixins.scss
106
+ - app/assets/stylesheets/active_material/global/foundation.scss
107
+ - app/assets/stylesheets/active_material/prototypes/actions-footer.scss
108
+ - app/assets/stylesheets/active_material/prototypes/avatar.scss
109
+ - app/assets/stylesheets/active_material/prototypes/btn-icon.scss
110
+ - app/assets/stylesheets/active_material/prototypes/button.scss
111
+ - app/assets/stylesheets/active_material/prototypes/datepicker.scss
112
+ - app/assets/stylesheets/active_material/prototypes/dialog.scss
113
+ - app/assets/stylesheets/active_material/prototypes/menu.scss
114
+ - app/assets/stylesheets/active_material/prototypes/multiselect.scss
115
+ - app/assets/stylesheets/active_material/prototypes/select.scss
116
+ - app/assets/stylesheets/active_material/prototypes/snackbar.scss
117
+ - app/assets/stylesheets/active_material/prototypes/subheader.scss
118
+ - app/assets/stylesheets/active_material/prototypes/table.scss
119
+ - app/assets/stylesheets/active_material/prototypes/tabs.scss
120
+ - app/assets/stylesheets/active_material/prototypes/tag.scss
121
+ - app/assets/stylesheets/active_material/prototypes/textfield.scss
122
+ - app/assets/stylesheets/active_material/prototypes/toolbar.scss
123
+ - app/assets/stylesheets/active_material/prototypes/underlay.scss
124
+ - app/assets/stylesheets/active_material/values/breakpoints.scss
125
+ - app/assets/stylesheets/active_material/values/colors.scss
126
+ - app/assets/stylesheets/active_material/values/elevation.scss
127
+ - app/assets/stylesheets/active_material/values/fonts.scss
128
+ - app/assets/stylesheets/active_material/values/units.scss
129
+ - lib/active_material.rb
130
+ - lib/active_material/version.rb
131
+ homepage: https://github.com/platanus/active_material
132
+ licenses:
133
+ - MIT
134
+ metadata: {}
135
+ post_install_message:
136
+ rdoc_options: []
137
+ require_paths:
138
+ - lib
139
+ required_ruby_version: !ruby/object:Gem::Requirement
140
+ requirements:
141
+ - - ">="
142
+ - !ruby/object:Gem::Version
143
+ version: '0'
144
+ required_rubygems_version: !ruby/object:Gem::Requirement
145
+ requirements:
146
+ - - ">="
147
+ - !ruby/object:Gem::Version
148
+ version: '0'
149
+ requirements: []
150
+ rubyforge_project:
151
+ rubygems_version: 2.5.2
152
+ signing_key:
153
+ specification_version: 4
154
+ summary: ActiveAdmin skin based on Google's Material Design.
155
+ test_files: []
156
+ has_rdoc: