mxm-boilerplate 0.0.1

data/.gitignore

@@ -0,0 +1 @@
+*.gem

data/Rakefile

@@ -0,0 +1,9 @@
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = true
+end

data/Readme.md

@@ -0,0 +1,2 @@
+# MxM Boilerplate Rails
+

data/lib/generators/mxm/assets/assets_generator.rb

@@ -0,0 +1,27 @@
+module Mxm
+  module Generators
+    class AssetsGenerator < ::Rails::Generators::Base
+      source_root File.expand_path('../templates', __FILE__)
+     
+      def generate_stylesheets
+        remove_file "app/assets/stylesheets/application.css"
+        directory "stylesheets", "app/assets/stylesheets"
+      end
+
+      def generate_javascripts
+        remove_file "app/assets/javascripts/application.js"
+        directory "javascripts", "app/assets/javascripts"
+      end
+
+      protected
+
+        def application_name
+          if defined?(::Rails) && ::Rails.application
+            ::Rails.application.class.name.split('::').first.downcase.parameterize
+          else
+            "intializer"
+          end
+        end
+    end
+  end
+end

data/lib/generators/mxm/assets/templates/javascripts/application.js

@@ -0,0 +1,3 @@
+// This file was generated by the MxM Base Generator
+//= require jquery_ujs
+//= require bigbird

data/lib/generators/mxm/assets/templates/stylesheets/_variables.css.scss

@@ -0,0 +1,2 @@
+// Any variables should be placed in here
+// $white-colour = #fff

data/lib/generators/mxm/assets/templates/stylesheets/application.css.scss

@@ -0,0 +1,31 @@
+// This file was generated by the MxM Base Generator
+
+//-----------------------------------------
+// Variables come first
+//-----------------------------------------
+@import "variables";
+@import "normalize";
+
+//-----------------------------------------
+// Base
+//-----------------------------------------
+
+@import "base/default"
+@import "base/grid"
+@import "base/typography"
+@import "base/lists"
+@import "base/helpers"
+
+//-----------------------------------------
+// Layout
+//-----------------------------------------
+
+
+//-----------------------------------------
+// Modules
+//-----------------------------------------
+
+
+//-----------------------------------------
+// States
+//-----------------------------------------

data/lib/generators/mxm/assets/templates/stylesheets/base/default.css.scss

@@ -0,0 +1,49 @@
+//-----------------------------------------
+// Sensible Application Defaults
+// Some taken from: https://github.com/h5bp/html5-boilerplate
+//-----------------------------------------
+
+html,
+button,
+input,
+select,
+textarea {
+  color: #222;
+}
+
+body {
+  font-size: 1em;
+  line-height: 1.4;
+}
+
+::-moz-selection {
+  background: #FFF0A0;
+  text-shadow: none;
+}
+
+::selection {
+  background: #FFF0A0;
+  text-shadow: none;
+}
+
+img {
+  vertical-align: middle;
+}
+
+fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+textarea {
+  resize: vertical;
+}
+
+a, 
+a:hover,
+a:focus {
+  color: #222;
+}
+
+a:hover { text-decoration: underline; }

data/lib/generators/mxm/assets/templates/stylesheets/base/grid.css.scss

@@ -0,0 +1,131 @@
+//-----------------------------------------
+// Simple CSS Grid
+// https://github.com/callum-/flynn
+//-----------------------------------------
+
+.l-sixteen-columns,
+.l-twelve-columns,
+.l-column {
+    margin: 0;
+    padding: 0;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.l-sixteen-columns:after,
+.l-twelve-columns:after,
+.l-column:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.l-column {
+    float: left;
+    padding: .5em;
+}
+
+.no-gutter {
+    padding: 0 !important;
+}
+
+
+/*
+16x column sizes
+================
+ 1. 6.25%
+ 2. 12.5%
+ 3. 18.75%
+ 4. 25%
+ 5. 31.25%
+ 6. 37.5%
+ 7. 43.75%
+ 8. 50%
+ 9. 56.25%
+10. 62.5%
+11. 68.75%
+12. 75%
+13. 81.25%
+14. 87.5%
+15. 93.75%
+16. 100%
+*/
+
+.l-sixteen-columns .l-column {
+    width: 6.25%;}
+
+.l-sixteen-columns .l-span-two {
+    width: 12.5%;}
+.l-sixteen-columns .l-span-three {
+    width: 18.75%;}
+.l-sixteen-columns .l-span-four {
+    width: 25%;}
+.l-sixteen-columns .l-span-five {
+    width: 31.25%;}
+.l-sixteen-columns .l-span-six {
+    width: 37.5%;}
+.l-sixteen-columns .l-span-seven {
+    width: 43.75%;}
+.l-sixteen-columns .l-span-eight {
+    width: 50%;}
+.l-sixteen-columns .l-span-nine {
+    width: 56.25%;}
+.l-sixteen-columns .l-span-ten {
+    width: 62.5%;}
+.l-sixteen-columns .l-span-eleven {
+    width: 68.75%;}
+.l-sixteen-columns .l-span-twelve {
+    width: 75%;}
+.l-sixteen-columns .l-span-thirteen {
+    width: 81.25%;}
+.l-sixteen-columns .l-span-fourteen {
+    width: 87.5%;}
+.l-sixteen-columns .l-span-fifteen {
+    width: 93.75%;}
+.l-sixteen-columns .l-span-sixteen {
+    width: 100%;}
+
+
+/*
+12x column sizes
+================
+ 1. 8.333333333333334%
+ 2. 16.666666666666668%
+ 3. 25%
+ 4. 33.333333333333336%
+ 5. 41.66666666666667%
+ 6. 50%
+ 7. 58.333333333333336%
+ 8. 66.66666666666667%
+ 9. 75%
+10. 83.33333333333334%
+11. 91.66666666666667%
+12. 100%
+*/
+
+.l-twelve-columns .l-column {
+    width: 8.333333333333334%;}
+
+.l-twelve-columns .l-span-two {
+    width: 16.666666666666668%;}
+.l-twelve-columns .l-span-three {
+    width: 25%;}
+.l-twelve-columns .l-span-four {
+    width: 33.333333333333336%;}
+.l-twelve-columns .l-span-five {
+    width: 41.66666666666667%;}
+.l-twelve-columns .l-span-six {
+    width: 50%;}
+.l-twelve-columns .l-span-seven {
+    width: 58.333333333333336%;}
+.l-twelve-columns .l-span-eight {
+    width: 66.66666666666667%;}
+.l-twelve-columns .l-span-nine {
+    width: 75%;}
+.l-twelve-columns .l-span-ten {
+    width: 83.33333333333334%;}
+.l-twelve-columns .l-span-eleven {
+    width: 91.66666666666667%;}
+.l-twelve-columns .l-span-twelve {
+    width: 100%;}

data/lib/generators/mxm/assets/templates/stylesheets/base/helpers.css.scss

@@ -0,0 +1,93 @@
+//-----------------------------------------
+// Sensible Application Helpers
+// Some taken from: https://github.com/h5bp/html5-boilerplate
+//-----------------------------------------
+
+.chromeframe {
+  margin: 0.2em 0;
+  background: #ccc;
+  color: #000;
+  padding: 0.2em 0;
+}
+
+.ir {
+  background-color: transparent;
+  border: 0;
+  overflow: hidden;
+  /* IE 6/7 fallback */
+  *text-indent: -9999px;
+}
+
+.ir:before {
+  content: "";
+  display: block;
+  width: 0;
+  height: 150%;
+}
+
+.visuallyhidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto;
+}
+
+.clearfix:before,
+.clearfix:after {
+  content: " "; /* 1 */
+  display: table; /* 2 */
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+  *zoom: 1;
+}
+
+// Media Box, from Stubbornella (http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/)
+.l-media { margin: 1.6em; }
+
+.l-media, 
+.l-media-body { overflow:hidden; _overflow:visible; zoom:1; }
+
+.l-media-img { float:left; margin-right: 1.6em; }
+.l-media-img-right { float:right; margin-left: 1.6em; }
+
+.l-media-img img { display:block; }
+
+// Responsive media
+.l-sixteen-by-nine { 
+  padding-top: 56.25%; /* 16:9 */
+  height: 0; 
+  position: relative;
+  width: 100%;
+}
+
+.l-sixteen-by-nine iframe,
+.l-sixteen-by-nine video {
+  height: 100%; width: 100%;
+  left: 0; top: 0;
+  position: absolute;
+}
+

data/lib/generators/mxm/assets/templates/stylesheets/base/lists.css.scss

@@ -0,0 +1,25 @@
+//-----------------------------------------
+// Simple list helper classes
+//-----------------------------------------
+
+.unstyled-list,
+.inline-list,
+.float-list,
+.unstyled-list li,
+.inline-list li,
+.float-list li {
+  margin: 0; padding: 0;
+}
+
+.unstyled-list li {
+  list-style: none;
+}
+
+.inline-list li {
+  display: inline-block;
+}
+
+.float-list li {
+  display: block;
+  float: left;
+}

data/lib/generators/mxm/assets/templates/stylesheets/base/typography.css.scss

@@ -0,0 +1,33 @@
+//-----------------------------------------
+// Typography Basics
+//-----------------------------------------
+
+html, body {
+  font-family: Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+// From @andyhume: https://speakerdeck.com/andyhume/css-for-grown-ups-maturing-best-practises
+h1, h2, h3, h4, h5, h6,
+.h-headline, .h-subheadline, .h-byline, 
+.h-standfirst, .h-related, .h-promo {
+  line-height: 1.1;
+  margin-bottom: 0.25em;
+}
+
+h1, .h-headline { font-size: 3em }
+h2, .h-subheadline { font-size: 2.3em; }
+h3, .h-byline { font-size: 2.1em; }
+h4, .h-standfirst { font-size: 1.8em; }
+h5, .h-related { font-size: 1.3em; }
+h6, .h-promo { font-size: 1.1em; }
+
+p {
+  font-size: 1.33em; 
+  line-height: 1;
+  margin-bottom: 0.25em; 
+}
+
+p:last-child {
+  margin-bottom: 0;
+}

data/lib/generators/mxm/generator_helper.rb

@@ -0,0 +1,6 @@
+module Mxm
+  module Generators
+    module GeneratorHelpers
+    end
+  end
+end

data/lib/generators/mxm/layout/layout_generator.rb

@@ -0,0 +1,12 @@
+module Mxm
+  module Generators
+    class LayoutGenerator < ::Rails::Generators::Base
+      source_root File.expand_path('../templates', __FILE__)
+     
+      def generate_layout
+        remove_file "app/views/layouts/application.html.erb"
+        directory "layouts", "app/views/layouts"
+      end
+    end
+  end
+end

data/lib/generators/mxm/layout/templates/layouts/_footer.html.erb

@@ -0,0 +1,3 @@
+<footer class="l-site-footer">
+  
+</footer>

data/lib/generators/mxm/layout/templates/layouts/_header.html.erb

@@ -0,0 +1,3 @@
+<header class="l-side-header">
+  
+</header>

data/lib/generators/mxm/layout/templates/layouts/_tracking.html.erb

@@ -0,0 +1,7 @@
+<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+<script>
+  var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+</script>

data/lib/generators/mxm/layout/templates/layouts/application.html.erb

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+
+        <%%= stylesheet_link_tag "application" %>
+        <%%= javascript_include_tag "modernizr-2.6.2.js" %>
+        <%%= csrf_meta_tags %>
+    </head>
+    <body data-module="<%%= controller_name %>" data-action="<%%= action_name %>">
+        <!--[if lt IE 7]>
+            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+        <![endif]-->
+
+        <%%= render "header" %>
+
+        <div class="l-site-content" role="main">
+            <%%= yield %> 
+        </div>
+
+        <%%= render "footer" %>
+
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+        <script>window.jQuery || document.write('<script src="<%%= asset_path 'jquery-1.9.0.js' %>"><\/script>')</script>
+        <%%= javascript_include_tag "application" %>
+
+        <%%= render "tracking" %>
+    </body>
+</html>

data/lib/generators/mxm/setup/USAGE

@@ -0,0 +1,5 @@
+Description:
+    Installs MxM Defaults on your application. Warning. Will wipe your application.js and application.css files.
+
+Example:
+    rails generate mxm:setup

data/lib/generators/mxm/setup/setup_generator.rb

@@ -0,0 +1,12 @@
+module Mxm
+  module Generators
+    class SetupGenerator < ::Rails::Generators::Base
+      source_root File.expand_path('../templates', __FILE__)
+     
+      def generate_all
+        invoke "mxm:assets", ["application"]
+        invoke "mxm:layout", ["application"]
+      end
+    end
+  end
+end

data/lib/mxm/rails/engine.rb

@@ -0,0 +1,6 @@
+module Mxm
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/mxm/rails/version.rb

@@ -0,0 +1,5 @@
+module Mxm
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

data/lib/mxm/rails.rb

@@ -0,0 +1,7 @@
+require "mxm/rails/version"
+require "mxm/rails/engine"
+
+module Mxm
+  module Rails
+  end
+end

data/lib/mxm-boilerplate.rb

@@ -0,0 +1 @@
+require "mxm/rails"

data/mxm-boilerplate.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "mxm/rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "mxm-boilerplate"
+  s.version     = Mxm::Rails::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Chris Bell"]
+  s.email       = ["chris@madebymany.co.uk"]
+  s.homepage    = "http://github.com/madebymany/mxm-boilerplate"
+  s.summary     = %q{ Sensible front-end defaults for MxM Rails projects }
+  s.description = %q{}
+
+  s.rubyforge_project = "html5-rails"
+
+  s.add_dependency "railties",      "~> 3.1"
+  s.add_dependency "thor",          "~> 0.14"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+end