modularis 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/.gitignore +24 -0
- data/.idea/scopes/scope_settings.xml +5 -0
- data/.rbenv-version +1 -0
- data/CONTRIBUTING.md +53 -0
- data/Gemfile +4 -0
- data/Gemfile.lock +19 -0
- data/Gruntfile.js +27 -0
- data/LICENSE +22 -0
- data/README.md +27 -0
- data/Rakefile +2 -0
- data/docs/CHANGELOG.md +260 -0
- data/docs/Capfile +4 -0
- data/docs/Gemfile +13 -0
- data/docs/Gemfile.lock +45 -0
- data/docs/Procfile +2 -0
- data/docs/README.md +1 -0
- data/docs/_sidebar-components.html.erb +115 -0
- data/docs/_sidebar.html.erb +115 -0
- data/docs/changelog.html.erb +33 -0
- data/docs/compile.rb +34 -0
- data/docs/components/alert-boxes.html.erb +204 -0
- data/docs/components/block-grid.html.erb +132 -0
- data/docs/components/breadcrumbs.html.erb +156 -0
- data/docs/components/button-groups.html.erb +230 -0
- data/docs/components/buttons.html.erb +222 -0
- data/docs/components/clearing.html.erb +152 -0
- data/docs/components/custom-forms.html.erb +309 -0
- data/docs/components/dropdown-buttons.html.erb +235 -0
- data/docs/components/dropdown.html.erb +188 -0
- data/docs/components/flex-video.html.erb +95 -0
- data/docs/components/forms.html.erb +477 -0
- data/docs/components/global.html.erb +92 -0
- data/docs/components/grid.html.erb +366 -0
- data/docs/components/inline-lists.html.erb +91 -0
- data/docs/components/joyride.html.erb +183 -0
- data/docs/components/keystrokes.html.erb +76 -0
- data/docs/components/kitchen-sink.html.erb +870 -0
- data/docs/components/labels.html.erb +102 -0
- data/docs/components/magellan.html.erb +86 -0
- data/docs/components/orbit.html.erb +276 -0
- data/docs/components/pagination.html.erb +183 -0
- data/docs/components/panels.html.erb +123 -0
- data/docs/components/pricing-tables.html.erb +156 -0
- data/docs/components/progress-bars.html.erb +123 -0
- data/docs/components/reveal.html.erb +162 -0
- data/docs/components/section.html.erb +496 -0
- data/docs/components/side-nav.html.erb +124 -0
- data/docs/components/split-buttons.html.erb +220 -0
- data/docs/components/sub-nav.html.erb +122 -0
- data/docs/components/switch.html.erb +290 -0
- data/docs/components/tables.html.erb +125 -0
- data/docs/components/thumbnails.html.erb +89 -0
- data/docs/components/tooltips.html.erb +75 -0
- data/docs/components/top-bar.html.erb +283 -0
- data/docs/components/type.html.erb +396 -0
- data/docs/components/visibility.html.erb +110 -0
- data/docs/config/deploy.rb +36 -0
- data/docs/config.ru +12 -0
- data/docs/controller.rb +53 -0
- data/docs/css/_coderay.scss +116 -0
- data/docs/css/_settings.scss +1 -0
- data/docs/css/docs.scss +185 -0
- data/docs/css/normalize.scss +396 -0
- data/docs/css/qunit-composite.css +13 -0
- data/docs/css/qunit.css +235 -0
- data/docs/faq.html.erb +63 -0
- data/docs/img/demos/demo1-th.jpg +0 -0
- data/docs/img/demos/demo1.jpg +0 -0
- data/docs/img/demos/demo2-th.jpg +0 -0
- data/docs/img/demos/demo2.jpg +0 -0
- data/docs/img/demos/demo3-th.jpg +0 -0
- data/docs/img/demos/demo3.jpg +0 -0
- data/docs/img/demos/demo4-th.jpg +0 -0
- data/docs/img/demos/demo4.jpg +0 -0
- data/docs/img/demos/demo5-th.jpg +0 -0
- data/docs/img/demos/demo5.jpg +0 -0
- data/docs/index.html.erb +285 -0
- data/docs/javascript.html.erb +134 -0
- data/docs/js/docs.js +3 -0
- data/docs/js/qunit-composite.js +105 -0
- data/docs/js/qunit.js +1977 -0
- data/docs/js/tests/tabs/simple_tabs.html +57 -0
- data/docs/js/tests/tabs/simple_tabs.js +54 -0
- data/docs/js/tests/tooltips/tooltips.html +39 -0
- data/docs/js/tests/tooltips/tooltips.js +11 -0
- data/docs/layout.html.erb +128 -0
- data/docs/media-queries.html.erb +96 -0
- data/docs/rails.html.erb +76 -0
- data/docs/rtl.html.erb +53 -0
- data/docs/sass.html.erb +1295 -0
- data/docs/support.html.erb +143 -0
- data/docs/test/_test-scripts.html.erb +36 -0
- data/docs/test/cards.html.erb +77 -0
- data/docs/test/flexbox-grid.html.erb +68 -0
- data/docs/test/flip-nav.html.erb +54 -0
- data/docs/test/layout.html.erb +15 -0
- data/docs/test/off-canvas1.html.erb +64 -0
- data/docs/test/off-canvas2.html.erb +75 -0
- data/docs/test/off-canvas3.html.erb +65 -0
- data/docs/test_layout.html.erb +128 -0
- data/js/modularis/index.js +18 -0
- data/js/vendor/custom.modernizr.js +4 -0
- data/js/vendor/jquery.js +9597 -0
- data/js/vendor/zepto.js +1884 -0
- data/lib/modularis/engine.rb +18 -0
- data/lib/modularis/generators/USAGE +15 -0
- data/lib/modularis/generators/install_generator.rb +54 -0
- data/lib/modularis/generators/templates/application.html.erb +46 -0
- data/lib/modularis/generators/templates/application.html.haml +31 -0
- data/lib/modularis/generators/templates/application.html.slim +28 -0
- data/lib/modularis/version.rb +3 -0
- data/lib/modularis.rb +17 -0
- data/modularis.gemspec +20 -0
- data/package.json +15 -0
- data/scss/compagecss/_variables.scss +1192 -0
- data/scss/compagecss/components/_alert-boxes.scss +106 -0
- data/scss/compagecss/components/_block-grid.scss +70 -0
- data/scss/compagecss/components/_breadcrumbs.scss +124 -0
- data/scss/compagecss/components/_button-groups.scss +88 -0
- data/scss/compagecss/components/_buttons.scss +226 -0
- data/scss/compagecss/components/_clearing.scss +217 -0
- data/scss/compagecss/components/_custom-forms.scss +246 -0
- data/scss/compagecss/components/_dropdown-buttons.scss +114 -0
- data/scss/compagecss/components/_dropdown.scss +149 -0
- data/scss/compagecss/components/_flex-video.scss +45 -0
- data/scss/compagecss/components/_flexbox-grid.scss +225 -0
- data/scss/compagecss/components/_flip.scss +105 -0
- data/scss/compagecss/components/_forms.scss +361 -0
- data/scss/compagecss/components/_global.scss +289 -0
- data/scss/compagecss/components/_grid.scss +184 -0
- data/scss/compagecss/components/_inline-lists.scss +52 -0
- data/scss/compagecss/components/_joyride.scss +210 -0
- data/scss/compagecss/components/_keystrokes.scss +56 -0
- data/scss/compagecss/components/_labels.scss +84 -0
- data/scss/compagecss/components/_magellan.scss +21 -0
- data/scss/compagecss/components/_off-canvas.scss +86 -0
- data/scss/compagecss/components/_orbit.scss +209 -0
- data/scss/compagecss/components/_pagination.scss +99 -0
- data/scss/compagecss/components/_panels.scss +76 -0
- data/scss/compagecss/components/_pricing-tables.scss +130 -0
- data/scss/compagecss/components/_progress-bars.scss +70 -0
- data/scss/compagecss/components/_reveal.scss +131 -0
- data/scss/compagecss/components/_section.scss +303 -0
- data/scss/compagecss/components/_side-nav.scss +68 -0
- data/scss/compagecss/components/_split-buttons.scss +166 -0
- data/scss/compagecss/components/_sub-nav.scss +67 -0
- data/scss/compagecss/components/_switch.scss +249 -0
- data/scss/compagecss/components/_tables.scss +80 -0
- data/scss/compagecss/components/_thumbs.scss +47 -0
- data/scss/compagecss/components/_tooltips.scss +113 -0
- data/scss/compagecss/components/_top-bar.scss +462 -0
- data/scss/compagecss/components/_type.scss +422 -0
- data/scss/compagecss/components/_visibility.scss +320 -0
- data/scss/modularis.scss +49 -0
- data/scss/normalize.scss +402 -0
- data/templates/project/.gitignore +44 -0
- data/templates/project/MIT-LICENSE.txt +20 -0
- data/templates/project/config.rb +26 -0
- data/templates/project/humans.txt +8 -0
- data/templates/project/index.html +124 -0
- data/templates/project/manifest.rb +44 -0
- data/templates/project/robots.txt +4 -0
- data/templates/project/scss/app.scss +48 -0
- data/templates/upgrade/manifest.rb +34 -0
- 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"
|
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
|
+
}
|