modularis 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +15 -0
  2. data/.gitignore +24 -0
  3. data/.idea/scopes/scope_settings.xml +5 -0
  4. data/.rbenv-version +1 -0
  5. data/CONTRIBUTING.md +53 -0
  6. data/Gemfile +4 -0
  7. data/Gemfile.lock +19 -0
  8. data/Gruntfile.js +27 -0
  9. data/LICENSE +22 -0
  10. data/README.md +27 -0
  11. data/Rakefile +2 -0
  12. data/docs/CHANGELOG.md +260 -0
  13. data/docs/Capfile +4 -0
  14. data/docs/Gemfile +13 -0
  15. data/docs/Gemfile.lock +45 -0
  16. data/docs/Procfile +2 -0
  17. data/docs/README.md +1 -0
  18. data/docs/_sidebar-components.html.erb +115 -0
  19. data/docs/_sidebar.html.erb +115 -0
  20. data/docs/changelog.html.erb +33 -0
  21. data/docs/compile.rb +34 -0
  22. data/docs/components/alert-boxes.html.erb +204 -0
  23. data/docs/components/block-grid.html.erb +132 -0
  24. data/docs/components/breadcrumbs.html.erb +156 -0
  25. data/docs/components/button-groups.html.erb +230 -0
  26. data/docs/components/buttons.html.erb +222 -0
  27. data/docs/components/clearing.html.erb +152 -0
  28. data/docs/components/custom-forms.html.erb +309 -0
  29. data/docs/components/dropdown-buttons.html.erb +235 -0
  30. data/docs/components/dropdown.html.erb +188 -0
  31. data/docs/components/flex-video.html.erb +95 -0
  32. data/docs/components/forms.html.erb +477 -0
  33. data/docs/components/global.html.erb +92 -0
  34. data/docs/components/grid.html.erb +366 -0
  35. data/docs/components/inline-lists.html.erb +91 -0
  36. data/docs/components/joyride.html.erb +183 -0
  37. data/docs/components/keystrokes.html.erb +76 -0
  38. data/docs/components/kitchen-sink.html.erb +870 -0
  39. data/docs/components/labels.html.erb +102 -0
  40. data/docs/components/magellan.html.erb +86 -0
  41. data/docs/components/orbit.html.erb +276 -0
  42. data/docs/components/pagination.html.erb +183 -0
  43. data/docs/components/panels.html.erb +123 -0
  44. data/docs/components/pricing-tables.html.erb +156 -0
  45. data/docs/components/progress-bars.html.erb +123 -0
  46. data/docs/components/reveal.html.erb +162 -0
  47. data/docs/components/section.html.erb +496 -0
  48. data/docs/components/side-nav.html.erb +124 -0
  49. data/docs/components/split-buttons.html.erb +220 -0
  50. data/docs/components/sub-nav.html.erb +122 -0
  51. data/docs/components/switch.html.erb +290 -0
  52. data/docs/components/tables.html.erb +125 -0
  53. data/docs/components/thumbnails.html.erb +89 -0
  54. data/docs/components/tooltips.html.erb +75 -0
  55. data/docs/components/top-bar.html.erb +283 -0
  56. data/docs/components/type.html.erb +396 -0
  57. data/docs/components/visibility.html.erb +110 -0
  58. data/docs/config/deploy.rb +36 -0
  59. data/docs/config.ru +12 -0
  60. data/docs/controller.rb +53 -0
  61. data/docs/css/_coderay.scss +116 -0
  62. data/docs/css/_settings.scss +1 -0
  63. data/docs/css/docs.scss +185 -0
  64. data/docs/css/normalize.scss +396 -0
  65. data/docs/css/qunit-composite.css +13 -0
  66. data/docs/css/qunit.css +235 -0
  67. data/docs/faq.html.erb +63 -0
  68. data/docs/img/demos/demo1-th.jpg +0 -0
  69. data/docs/img/demos/demo1.jpg +0 -0
  70. data/docs/img/demos/demo2-th.jpg +0 -0
  71. data/docs/img/demos/demo2.jpg +0 -0
  72. data/docs/img/demos/demo3-th.jpg +0 -0
  73. data/docs/img/demos/demo3.jpg +0 -0
  74. data/docs/img/demos/demo4-th.jpg +0 -0
  75. data/docs/img/demos/demo4.jpg +0 -0
  76. data/docs/img/demos/demo5-th.jpg +0 -0
  77. data/docs/img/demos/demo5.jpg +0 -0
  78. data/docs/index.html.erb +285 -0
  79. data/docs/javascript.html.erb +134 -0
  80. data/docs/js/docs.js +3 -0
  81. data/docs/js/qunit-composite.js +105 -0
  82. data/docs/js/qunit.js +1977 -0
  83. data/docs/js/tests/tabs/simple_tabs.html +57 -0
  84. data/docs/js/tests/tabs/simple_tabs.js +54 -0
  85. data/docs/js/tests/tooltips/tooltips.html +39 -0
  86. data/docs/js/tests/tooltips/tooltips.js +11 -0
  87. data/docs/layout.html.erb +128 -0
  88. data/docs/media-queries.html.erb +96 -0
  89. data/docs/rails.html.erb +76 -0
  90. data/docs/rtl.html.erb +53 -0
  91. data/docs/sass.html.erb +1295 -0
  92. data/docs/support.html.erb +143 -0
  93. data/docs/test/_test-scripts.html.erb +36 -0
  94. data/docs/test/cards.html.erb +77 -0
  95. data/docs/test/flexbox-grid.html.erb +68 -0
  96. data/docs/test/flip-nav.html.erb +54 -0
  97. data/docs/test/layout.html.erb +15 -0
  98. data/docs/test/off-canvas1.html.erb +64 -0
  99. data/docs/test/off-canvas2.html.erb +75 -0
  100. data/docs/test/off-canvas3.html.erb +65 -0
  101. data/docs/test_layout.html.erb +128 -0
  102. data/js/modularis/index.js +18 -0
  103. data/js/vendor/custom.modernizr.js +4 -0
  104. data/js/vendor/jquery.js +9597 -0
  105. data/js/vendor/zepto.js +1884 -0
  106. data/lib/modularis/engine.rb +18 -0
  107. data/lib/modularis/generators/USAGE +15 -0
  108. data/lib/modularis/generators/install_generator.rb +54 -0
  109. data/lib/modularis/generators/templates/application.html.erb +46 -0
  110. data/lib/modularis/generators/templates/application.html.haml +31 -0
  111. data/lib/modularis/generators/templates/application.html.slim +28 -0
  112. data/lib/modularis/version.rb +3 -0
  113. data/lib/modularis.rb +17 -0
  114. data/modularis.gemspec +20 -0
  115. data/package.json +15 -0
  116. data/scss/compagecss/_variables.scss +1192 -0
  117. data/scss/compagecss/components/_alert-boxes.scss +106 -0
  118. data/scss/compagecss/components/_block-grid.scss +70 -0
  119. data/scss/compagecss/components/_breadcrumbs.scss +124 -0
  120. data/scss/compagecss/components/_button-groups.scss +88 -0
  121. data/scss/compagecss/components/_buttons.scss +226 -0
  122. data/scss/compagecss/components/_clearing.scss +217 -0
  123. data/scss/compagecss/components/_custom-forms.scss +246 -0
  124. data/scss/compagecss/components/_dropdown-buttons.scss +114 -0
  125. data/scss/compagecss/components/_dropdown.scss +149 -0
  126. data/scss/compagecss/components/_flex-video.scss +45 -0
  127. data/scss/compagecss/components/_flexbox-grid.scss +225 -0
  128. data/scss/compagecss/components/_flip.scss +105 -0
  129. data/scss/compagecss/components/_forms.scss +361 -0
  130. data/scss/compagecss/components/_global.scss +289 -0
  131. data/scss/compagecss/components/_grid.scss +184 -0
  132. data/scss/compagecss/components/_inline-lists.scss +52 -0
  133. data/scss/compagecss/components/_joyride.scss +210 -0
  134. data/scss/compagecss/components/_keystrokes.scss +56 -0
  135. data/scss/compagecss/components/_labels.scss +84 -0
  136. data/scss/compagecss/components/_magellan.scss +21 -0
  137. data/scss/compagecss/components/_off-canvas.scss +86 -0
  138. data/scss/compagecss/components/_orbit.scss +209 -0
  139. data/scss/compagecss/components/_pagination.scss +99 -0
  140. data/scss/compagecss/components/_panels.scss +76 -0
  141. data/scss/compagecss/components/_pricing-tables.scss +130 -0
  142. data/scss/compagecss/components/_progress-bars.scss +70 -0
  143. data/scss/compagecss/components/_reveal.scss +131 -0
  144. data/scss/compagecss/components/_section.scss +303 -0
  145. data/scss/compagecss/components/_side-nav.scss +68 -0
  146. data/scss/compagecss/components/_split-buttons.scss +166 -0
  147. data/scss/compagecss/components/_sub-nav.scss +67 -0
  148. data/scss/compagecss/components/_switch.scss +249 -0
  149. data/scss/compagecss/components/_tables.scss +80 -0
  150. data/scss/compagecss/components/_thumbs.scss +47 -0
  151. data/scss/compagecss/components/_tooltips.scss +113 -0
  152. data/scss/compagecss/components/_top-bar.scss +462 -0
  153. data/scss/compagecss/components/_type.scss +422 -0
  154. data/scss/compagecss/components/_visibility.scss +320 -0
  155. data/scss/modularis.scss +49 -0
  156. data/scss/normalize.scss +402 -0
  157. data/templates/project/.gitignore +44 -0
  158. data/templates/project/MIT-LICENSE.txt +20 -0
  159. data/templates/project/config.rb +26 -0
  160. data/templates/project/humans.txt +8 -0
  161. data/templates/project/index.html +124 -0
  162. data/templates/project/manifest.rb +44 -0
  163. data/templates/project/robots.txt +4 -0
  164. data/templates/project/scss/app.scss +48 -0
  165. data/templates/upgrade/manifest.rb +34 -0
  166. metadata +235 -0
@@ -0,0 +1,18 @@
1
+ module Modularis
2
+ class Engine < Rails::Engine
3
+ # Save this block, we'll use it in two calls to .initializer
4
+ add_paths_block = lambda { |app|
5
+ app.config.assets.paths << File.expand_path("../../../scss", __FILE__)
6
+ app.config.assets.paths << File.expand_path("../../../js", __FILE__)
7
+ app.config.assets.precompile += %w(vendor/zepto.js vendor/custom.modernizr.js)
8
+ }
9
+
10
+ # Standard initializer
11
+ initializer 'modularis.update_asset_paths', &add_paths_block
12
+
13
+ # Special initializer lets us precompile assets without fully initializing
14
+ initializer 'modularis.update_asset_paths', :group => :assets,
15
+ &add_paths_block
16
+
17
+ end
18
+ end
@@ -0,0 +1,15 @@
1
+ Description:
2
+ Setup Modularis assets in your app and generate new layouts preconfigured to use Modularis
3
+
4
+ Example:
5
+ rails g modularis:install
6
+
7
+ This will insert modularis require lines into default application assets:
8
+ /app/assets/javascripts/application.js
9
+ /app/assets/stylesheets/application.css
10
+
11
+ And create sample layout (depending of your template engine):
12
+ /app/views/layouts/application.html.erb
13
+
14
+ And modularis variables override file:
15
+ /app/assets/stylesheets/modularis_and_overrides.scss
@@ -0,0 +1,54 @@
1
+ require 'rails/generators'
2
+
3
+ module Modularis
4
+ module Generators
5
+ class InstallGenerator < Rails::Generators::Base
6
+ source_root File.join(File.dirname(__FILE__), 'templates')
7
+ argument :layout_name, :type => :string, :default => 'application', :banner => 'layout_name'
8
+
9
+ class_option :haml, :desc => 'Generate HAML layout instead of erb', :type => :boolean
10
+ class_option :slim, :desc => 'Generate Slim layout instead of erb', :type => :boolean
11
+
12
+ def add_assets
13
+ # rails_ujs breaks, need to incorporate rails-behavior plugin for this to work seamlessly
14
+ # gsub_file "app/assets/javascripts/application#{detect_js_format[0]}", /\/\/= require jquery\n/, ""
15
+ insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require modularis\n", :after => "jquery_ujs\n"
16
+ append_to_file "app/assets/javascripts/application#{detect_js_format[0]}", "\n$(function(){ $(document).modularis(); });\n"
17
+ settings_file = File.join(File.dirname(__FILE__),"..","..","..","scss","modularis","_variables.scss")
18
+ create_file "app/assets/stylesheets/modularis_and_overrides.scss", File.read(settings_file)
19
+ append_to_file "app/assets/stylesheets/modularis_and_overrides.scss", "\n@import 'modularis';\n"
20
+ insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require modularis_and_overrides\n", :after => "require_self\n"
21
+ end
22
+
23
+ def detect_js_format
24
+ return ['.coffee', '#='] if File.exist?('app/assets/javascripts/application.coffee')
25
+ return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
26
+ return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
27
+ end
28
+
29
+ def detect_css_format
30
+ return ['.css', ' *='] if File.exist?('app/assets/stylesheets/application.css')
31
+ return ['.css.sass', ' //='] if File.exist?('app/assets/stylesheets/application.css.sass')
32
+ return ['.sass', ' //='] if File.exist?('app/assets/stylesheets/application.sass')
33
+ return ['.css.scss', ' //='] if File.exist?('app/assets/stylesheets/application.css.scss')
34
+ return ['.scss', ' //='] if File.exist?('app/assets/stylesheets/application.scss')
35
+ end
36
+
37
+ def create_layout
38
+ if options.haml?||(defined?(Haml) && !options.slim?)
39
+ template 'application.html.haml', "app/views/layouts/#{file_name}.html.haml"
40
+ elsif options.slim?||(defined?(Slim) && !options.haml?)
41
+ template 'application.html.slim', "app/views/layouts/#{file_name}.html.slim"
42
+ else
43
+ template 'application.html.erb', "app/views/layouts/#{file_name}.html.erb"
44
+ end
45
+ end
46
+
47
+ private
48
+
49
+ def file_name
50
+ layout_name.underscore.downcase
51
+ end
52
+ end
53
+ end
54
+ end
@@ -0,0 +1,46 @@
1
+ <!DOCTYPE html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
4
+ <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
5
+ <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
6
+ <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
7
+ <head>
8
+ <meta charset="utf-8" />
9
+
10
+ <!-- Uncomment to make IE8 render like IE7 -->
11
+ <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
12
+
13
+ <!-- Set the viewport width to device width for mobile -->
14
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
15
+
16
+ <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
17
+
18
+ <%%= stylesheet_link_tag "application" %>
19
+ <%%= javascript_include_tag "vendor/custom.modernizr" %>
20
+ <%%= csrf_meta_tags %>
21
+ </head>
22
+
23
+ <body>
24
+
25
+ <%%= yield %>
26
+
27
+ <% if false %>
28
+ <script>
29
+ document.write('<script src=' +
30
+ ('__proto__' in {} ? '<%%= asset_path("vendor/zepto") %>' : '<%%= asset_path("jquery") %>') +
31
+ '><\/script>');
32
+ </script>
33
+
34
+ <script>
35
+ // Ensure rails_ujs works with Zepto
36
+ $.fn.ajaxSend = function(callback) {
37
+ return this.each(function(){
38
+ $(this).on('ajaxBeforeSend', callback);
39
+ });
40
+ };
41
+ var jQuery = $;
42
+ </script>
43
+ <% end %>
44
+ <%%= javascript_include_tag "application" %>
45
+ </body>
46
+ </html>
@@ -0,0 +1,31 @@
1
+ !!! 5
2
+ / paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
3
+ /[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
4
+ /[if IE 7 ] <html class=\"ie7\" lang=\"en\">
5
+ /[if IE 8 ] <html class=\"ie8\" lang=\"en\">
6
+ /[if IE 9 ] <html class=\"ie9\" lang=\"en\">
7
+ /[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
8
+
9
+ %head
10
+ %meta{ :charset => "utf-8" }
11
+
12
+ -# Uncomment to make IE8 render like IE7
13
+ -# meta http-equiv="X-UA-Compatible" content="IE=7"
14
+
15
+ -# Set the viewport width to device width for mobile
16
+ %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
17
+
18
+ %title= content_for?(:title) ? yield(:title) : "Untitled"
19
+
20
+ = stylesheet_link_tag "application"
21
+ = javascript_include_tag "vendor/custom.modernizr"
22
+ = csrf_meta_tag
23
+
24
+ %body
25
+
26
+ = yield
27
+
28
+ = javascript_include_tag "application"
29
+
30
+ :plain
31
+ </html>
@@ -0,0 +1,28 @@
1
+ doctype html
2
+ == "<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->"
3
+ == "<!--[if lt IE 7 ]> <html class=\"ie6\" lang=\"en\"> <![endif]-->"
4
+ == "<!--[if IE 7 ]> <html class=\"ie7\" lang=\"en\"> <![endif]-->"
5
+ == "<!--[if IE 8 ]> <html class=\"ie8\" lang=\"en\"> <![endif]-->"
6
+ == "<!--[if IE 9 ]> <html class=\"ie9\" lang=\"en\"> <![endif]-->"
7
+ == "<!--[if (gt IE 9)|!(IE)]><!--> <html lang=\"en\"> <!--<![endif]-->"
8
+
9
+ head
10
+ meta charset="utf-8"
11
+
12
+ / Uncomment to make IE8 render like IE7
13
+ / meta http-equiv="X-UA-Compatible" content="IE=7"
14
+
15
+ / Set the viewport width to device width for mobile
16
+ meta name="viewport" content="width=device-width, initial-scale=1.0"
17
+
18
+ title= content_for?(:title) ? yield(:title) : "Untitled"
19
+
20
+ = stylesheet_link_tag "application"
21
+ = javascript_include_tag "vendor/custom.modernizr"
22
+ = csrf_meta_tag
23
+
24
+ body
25
+
26
+ == yield
27
+
28
+ = javascript_include_tag "application"
@@ -0,0 +1,3 @@
1
+ module Modularis
2
+ VERSION = "0.0.1"
3
+ end
data/lib/modularis.rb ADDED
@@ -0,0 +1,17 @@
1
+ root = File.join(File.dirname(__FILE__), "..")
2
+ require "modularis/version"
3
+
4
+ if defined?(Rails)
5
+ require "modularis/generators/install_generator"
6
+ end
7
+
8
+ module Modularis
9
+ require "modularis/engine" if defined?(Rails)
10
+ end
11
+
12
+ if defined?(Compass)
13
+ Compass::Frameworks.register("modularis",
14
+ :stylesheets_directory => File.join(root,"scss"),
15
+ :templates_directory => File.join(root,"templates")
16
+ )
17
+ end
data/modularis.gemspec ADDED
@@ -0,0 +1,20 @@
1
+ # -*- encoding: utf-8 -*-
2
+ require File.expand_path('../lib/modularis/version', __FILE__)
3
+
4
+ Gem::Specification.new do |gem|
5
+ gem.authors = ["ThemePile"]
6
+ gem.email = ["shaggysmile@gmail.com"]
7
+ gem.description = %q{a powerful, scalable, Sass-based, BEM, OOCSS framework}
8
+ gem.summary = %q{a powerful, scalable, Sass-based, BEM, OOCSS framework}
9
+ gem.homepage = "http://modularis.themepile.co.uk"
10
+
11
+ gem.files = `git ls-files`.split($\)
12
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
13
+ gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
14
+ gem.name = "modularis"
15
+ gem.require_paths = ["lib"]
16
+ gem.version = Modularis::VERSION
17
+
18
+ gem.add_dependency "sass", [">= 3.2.0"]
19
+ gem.add_development_dependency "rake"
20
+ end
data/package.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "themepile-modularis",
3
+ "version": "4.0.0-wip",
4
+ "devDependencies": {
5
+ "grunt": "~0.4.0",
6
+ "grunt-contrib-watch": "~0.1.0",
7
+ "grunt-contrib-qunit": "~0.1.1"
8
+ },
9
+ "licenses": [
10
+ {
11
+ "type": "MIT",
12
+ "url": "https://github.com/themepile/modularis/blob/master/LICENSE"
13
+ }
14
+ ]
15
+ }