RubyGems - groundworkcss - Versions diffs - 0.4.4 → 2.0.0 - Mend

groundworkcss 0.4.4 → 2.0.0

Files changed (411) hide show

data/app/views/layouts/groundworkdocs.html.erb ADDED Viewed

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>GroundworkCSS 2: Documentation</title>
+  <%= csrf_meta_tags %>
+  <%= stylesheet_link_tag("groundworkdocs", media: "all") %>
+  <%= javascript_include_tag("groundworkdocs") %>
+</head>
+<body>
+  <header class="padded">
+    <div class="container">
+      <h2 class="logo"><a href="./home.html" target="_parent"><%= image_tag('groundworkcss/groundwork-logo.svg', :alt => "GroundworkCSS") %>GroundworkCSS 2</a></h2>
+      <nav role="navigation" class="nav gap-top">
+        <ul role="menubar">
+          <li><a href="./home.html"><i class="icon-home"></i> Home</a></li>
+          <li role="menu" class="menu"><a href="#">Example Layouts</a>
+            <ul>
+              <li><a href="./layout_a.html">Web Page</a></li>
+              <li><a href="./layout_b.html">Image Gallery</a></li>
+              <li><a href="./layout_c.html">Ecommerce Page</a></li>
+            </ul>
+          </li>
+          <li role="menu" class="menu"><a href="#">Documentation</a>
+            <ul>
+              <li><a href="./grid.html" title="Responsive grid system, grid adapters and helpers">Grid</a></li>
+              <li><a href="./helpers.html" title="Layout helpers, spinners and much more">Helpers</a></li>
+              <li><a href="./typography.html" title="Text elements, quotes, code and web fonts">Typography</a></li>
+              <li role="menu" class="menu"><a href="#" title="Navigation, buttons, messages and tables">UI Elements</a>
+                <ul>
+                  <li><a href="./navigation.html" title="Navigation">Navigation</a></li>
+                  <li><a href="./buttons.html" title="Buttons, button groups, button menus">Buttons</a></li>
+                  <li><a href="./boxes.html" title="Boxes">Boxes</a></li>
+                  <li><a href="./messages.html" title="Message boxes">Message Boxes</a></li>
+                  <li><a href="./tables.html" title="Tables">Tables</a></li>
+                  <li><a href="./tabs.html" title="Tabs">Tabs</a></li>
+                  <li><a href="./forms.html" title="Form elements">Form Elements</a></li>
+                </ul>
+              </li>
+              <li><a href="./icons.html" title="Icons">Icons</a></li>
+              <li><a href="./responsive_text.html" title="Responsive text and multi-line text block truncation">Responsive Text</a></li>
+              <li><a href="./placeholder_text.html" title="Placeholder text and placeholder fonts for rapid prototyping and wireframes">Placeholder Text</a></li>
+              <li><a href="./animations.html" title="Pure CSS3 Animations">Animations</a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+  <div class="container">
+    <%= yield %>
+  </div>
+  <footer class="gap-top bounceInUp animated">
+    <div class="box square charcoal">
+      <div class="container padded">
+        <div class="row">
+          <div class="one small-tablet fourth padded">
+            <h5 class="green">Example Layouts</h5>
+            <ul class="unstyled">
+              <li><a href="./layout_a.html">Web Page</a></li>
+              <li><a href="./layout_b.html">Image Gallery</a></li>
+              <li><a href="./layout_c.html">Ecommerce Page</a></li>
+            </ul>
+          </div>
+          <div class="three small-tablet fourths padded">
+            <h5 class="blue">Documentation</h5>
+            <ul class="unstyled three-column two-column-mobile">
+              <li><a href="./grid.html" title="Responsive grid system, grid adapters and helpers">Grid</a></li>
+              <li><a href="./helpers.html" title="Layout helpers, spinners and much more">Helpers</a></li>
+              <li><a href="./typography.html" title="Text elements, quotes, code and web fonts">Typography</a></li>
+              <li><a href="./navigation.html" title="Navigation">Navigation</a></li>
+              <li><a href="./buttons.html" title="Buttons, button groups, button menus">Buttons</a></li>
+              <li><a href="./boxes.html" title="Boxes">Boxes</a></li>
+              <li><a href="./messages.html" title="Message boxes">Message Boxes</a></li>
+              <li><a href="./tables.html" title="Tables">Tables</a></li>
+              <li><a href="./tabs.html" title="Tabs">Tabs</a></li>
+              <li><a href="./forms.html" title="Form elements">Form Elements</a></li>
+              <li><a href="./icons.html" title="Icons">Icons</a></li>
+              <li><a href="./responsive_text.html" title="Responsive text and multi-line text block truncation">Responsive Text</a></li>
+              <li><a href="./placeholder_text.html" title="Placeholder text and placeholder fonts for rapid prototyping and wireframes">Placeholder Text</a></li>
+              <li><a href="./animations.html" title="Pure CSS3 Animations">Animations</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="box square">
+      <div class="container padded">
+        <div class="row">
+          <div class="one half padded">
+            <p>GroundworkCSS is <b>100% free</b> and <b>open source</b>. <a href="mailto:groundworkcss@gmail.com">Give a shout out</a> if you have any feedback.</p>
+            <p>Find a bug? Help squash it by <a href="https://github.com/groundworkcss/groundwork/issues" target="_blank">filing an issue</a> on Github.</p>
+          </div>
+          <div class="one half padded">
+            <p class="large padded align-right align-center-small-tablet"><a href="http://twitter.com/groundworkcss" target="_blank" title="@groundworkcss" style="text-decoration:none;" class="large inline gapped"></a><a href="http://github.com/groundworkcss" target="_blank" title="@groundworkcss" style="text-decoration:none;" class="large inline gapped"></a><a href="mailto:groundworkcss@gmail.com" title="groundworkcss@gmail.com" style="text-decoration:none;" class="large inline gapped"></a></p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('pre[data-lang="html"]').snippet("html", {
+        style: "groundwork",
+        clipboard: "<%= asset_path('groundworkcss/demo/ZeroClipboard.swf') %>"
+      });
+      $('pre[data-lang="css"]').snippet("css", {
+        style: "groundwork",
+        clipboard: "<%= asset_path('groundworkcss/demo/ZeroClipboard.swf') %>"
+      });
+      $('pre[data-lang="scss"]').snippet("scss", {
+        style: "groundwork",
+        clipboard: "<%= asset_path('groundworkcss/demo/ZeroClipboard.swf') %>"
+      });
+      return $('pre[data-lang="js"]').snippet("javascript", {
+        style: "groundwork",
+        clipboard: "<%= asset_path('groundworkcss/demo/ZeroClipboard.swf') %>"
+      });
+    });
+  </script>
+</body>
+</html>

data/groundworkcss.gemspec CHANGED Viewed

@@ -9,7 +9,7 @@ Gem::Specification.new do |s|
   s.email       = ["groundwork@sidereel.com"]
   s.homepage    = "http://groundworkcss.github.io"
   s.summary     = %q{Setup GroundworkCSS on your rails projects in seconds.}
-  s.description = %q{The official GroundworkCSS rails gem. Created by @ghepting and @ldewald. GroundworkCSS is a fully responsive HTML5, CSS and Javascript toolkit created by @ghepting.}
+  s.description = %q{The official GroundworkCSS rails gem. Created by @ghepting and @ldewald. GroundworkCSS is a fully responsive HTML5, CSS and Javascript toolkit created by @ghepting. Note: If your app is still using GroundworkCSS 1.13.1, specify version "~0.4.3" of the `groundworkcss` gem in your Gemfile!}
   s.license = "MIT"
   s.rubyforge_project = "groundworkcss"
@@ -20,6 +20,6 @@ Gem::Specification.new do |s|
   s.require_paths = ["lib"]
   s.add_runtime_dependency "compass-rails", "~> 1"
-  s.add_runtime_dependency "railties", ">= 3.1.0", "< 5.0"
+  s.add_runtime_dependency "autoprefixer-rails", "~> 0.7"
   s.add_runtime_dependency "jquery-rails", "~> 3"
 end

data/lib/groundworkcss/generators/USAGE.md ADDED Viewed

@@ -0,0 +1,24 @@
+Setup assets and create boilerplate layout for GroundworkCSS
+==============================================================
+`rails g groundworkcss:install`
+Inserts required lines into application manifest files:
+  /app/assets/javascripts/application.{js,coffee}
+  /app/assets/stylesheets/application.{css,scss}
+Creates boilerplate layout:
+  /app/views/layouts/application.html.erb
+Creates Groundwork settings file:
+  /app/assets/stylesheets/_groudnwork_settings.scss
+Add GroundworkCSS documentation files (great for testing, too)
+--------------------------------------------------------------
+`rails g groundworkcss:docs`
+Creates required files, controller and configures routes to
+Groundwork documenation pages in your rails app (great for
+offline use and testing).

data/lib/groundworkcss/generators/docs_generator.rb ADDED Viewed

@@ -0,0 +1,61 @@
+require 'rails/generators'
+module Groundworkcss
+  module Generators
+    class DocsGenerator < Rails::Generators::Base
+      source_root File.join(File.dirname(__FILE__), 'templates')
+      def create_docs
+        dir = Pathname.new(Gem.loaded_specs['groundworkcss'].full_gem_path)
+        layoutpath = "app/views/layouts/"
+        layout = File.join(dir, "#{layoutpath}groundworkdocs.html.erb")
+        copy_file layout, "#{layoutpath}#{File.basename(layout)}", :force => true
+        generator_command = "rails generate controller groundworkdocs"
+        viewpath = "app/views/groundworkdocs/"
+        pages = File.join(dir, "#{viewpath}*.html.erb")
+        Dir.glob(pages) do |page|
+          generator_command << " #{File.basename(page, ".html.erb")}"
+        end
+        run generator_command
+        routes_file = "config/routes.rb"
+        insert_into_file routes_file, "\n  if Rails.env.development?\n", :before => "  get \"groundworkdocs/animations\"\n"
+        insert_into_file routes_file, "\n  end\n\n", :after => "  get \"groundworkdocs/typography\"\n"
+        content = ''
+        File.open(routes_file, "r") do |file|
+          file.each_line do |line|
+            if line.include? "groundworkdocs/"
+              content << '    ' + line.lstrip
+            else
+              content << line
+            end
+          end
+        end
+        File.open(routes_file, "w") do |file|
+          file.write(content)
+        end
+        insert_into_file "app/controllers/groundworkdocs_controller.rb", "layout 'groundworkdocs'\n\n", :after => "class GroundworkdocsController < ApplicationController\n"
+        css_file = "app/assets/stylesheets/groundworkdocs.css.scss"
+        File.open(css_file, "w") do |file|
+          file.write("// GroundworkCSS 2 Documentation\n\n@import 'groundwork_settings';\n@import 'groundworkcss/groundwork';\n@import 'groundworkcss/demo/jquery.snippet';\n@import 'groundworkcss/demo/groundworkdocs';\n")
+        end
+        js_file = "app/assets/javascripts/groundworkdocs.js.coffee"
+        File.open(js_file, "w") do |file|
+          file.write("# GroundworkCSS 2 Documentation\n\n#= require 'groundworkcss/libs/modernizr-2.6.2.min'\n#= require 'groundworkcss/libs/jquery-1.10.2.min'\n#= require 'groundworkcss/all'\n#= require 'groundworkcss/demo/jquery.snippet.min'\n")
+        end
+        Dir.glob(pages) do |page|
+          copy_file page, "#{viewpath}#{File.basename(page)}", :force => true
+        end
+      end
+    end
+  end
+end

data/lib/groundworkcss/generators/install_generator.rb CHANGED Viewed

@@ -5,29 +5,46 @@ module Groundworkcss
     class InstallGenerator < Rails::Generators::Base
       source_root File.join(File.dirname(__FILE__), 'templates')
-      def create_example_settings
+      def create_settings_file
         dir = Pathname.new(Gem.loaded_specs['groundworkcss'].full_gem_path)
         file = File.join(dir, "app/assets/stylesheets/groundworkcss/_settings-rails#{Rails::VERSION::MAJOR}.scss")
-        create_file "app/assets/stylesheets/_groundworkcss_settings.scss", File.read(file)
+        create_file "app/assets/stylesheets/_groundwork_settings.scss", File.read(file)
       end
       def add_assets
-        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require groundworkcss/libs/modernizr-2.6.2.min\n", :after => "jquery_ujs\n"
-        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require groundworkcss\n", :after => "groundworkcss/libs/modernizr-2.6.2.min\n"
-        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "@import 'groundworkcss_settings';\n", :after => "*/\n"
-        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "@import 'groundworkcss/groundwork';\n", :after => "@import 'groundworkcss_settings';\n"
+        js_file = "app/assets/javascripts/application#{detect_js_format[0]}"
+        css_file = "app/assets/stylesheets/application#{detect_css_format[0]}"
+        if File.exists?(js_file)
+          insert_into_file js_file, "#{detect_js_format[1]} require groundworkcss/libs/modernizr-2.6.2.min\n", :after => "jquery_ujs\n"
+          insert_into_file js_file, "#{detect_js_format[1]} require groundworkcss/all\n", :after => "groundworkcss/libs/modernizr-2.6.2.min\n"
+        else
+          puts 'Cannot locate "application.js" or "application(.js).coffee" manifest file for writing...'
+        end
+        if File.exists?(css_file)
+          insert_into_file css_file, "@import 'groundwork_settings';\n", :after => "*/\n"
+          insert_into_file css_file, "@import 'groundworkcss/groundwork';\n", :after => "@import 'groundwork_settings';\n"
+          if detect_css_format[0] == '.css'
+            puts "Renaming #{css_file} to #{css_file}.scss (to enable Sass partial includes)..."
+            File.rename(css_file, css_file + '.scss')
+          end
+        else
+          puts 'Cannot locate "application.css", "application(.css).scss" or "application(.css).sass" manifest file for writing...'
+        end
       end
       def detect_js_format
-        return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
         return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
+        return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
+        return ['.coffee', '#='] if File.exist?('app/assets/javascripts/application.coffee')
       end
       def detect_css_format
         return ['.css'] if File.exist?('app/assets/stylesheets/application.css')
         return ['.css.sass'] if File.exist?('app/assets/stylesheets/application.css.sass')
-        return ['.sass'] if File.exist?('app/assets/stylesheets/application.sass')
         return ['.css.scss'] if File.exist?('app/assets/stylesheets/application.css.scss')
+        return ['.sass'] if File.exist?('app/assets/stylesheets/application.sass')
         return ['.scss'] if File.exist?('app/assets/stylesheets/application.scss')
       end
     end

data/lib/groundworkcss/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module Groundworkcss
-  VERSION = "0.4.4"
+  VERSION = "2.0.0"
 end

data/lib/groundworkcss.rb CHANGED Viewed

@@ -1,7 +1,7 @@
 require "groundworkcss/version"
 require "groundworkcss/generators/install_generator"
+require "groundworkcss/generators/docs_generator"
 module Groundworkcss
   require "groundworkcss/engine"
-  require "groundworkcss/railties"
 end