toadstool 0.0.0.1 → 0.0.0.3

data/lib/bin/toadstool

@@ -6,61 +6,105 @@ require "thor"
 require "thor/group"
 require 'pathname'
 
-APP_PATH = File.expand_path('../../..', __FILE__)
+APP_PATH = File.expand_path(File.join(__FILE__, '../../templates'))
 
 module Toadstool
   class Install < Thor::Group
     include Thor::Actions
 
     # Define arguments and options
-    argument :name
-    
+    argument :name, {:default => './'}
+
     def self.source_root
       APP_PATH
     end
 
     def install_app
-      directory "doc-src", "#{name}/doc-src"
-      directory "public", "#{name}/public"
-      directory "sass", "#{name}/sass"
-      directory "views", "#{name}/views"
-      
-      copy_file "config.rb", "#{name}/config.rb"
-      copy_file "config.ru", "#{name}/config.ru"
-      copy_file "Gemfile", "#{name}/Gemfile"
-      copy_file "Rakefile", "#{name}/Rakefile"
-      copy_file "readme.md", "#{name}/readme.md"
-      copy_file "toadstool.rb", "#{name}/toadstool.rb"
+      # Per https://github.com/wycats/thor/pull/175#issuecomment-2250270
+      # If any empty directory is found, it's copied and all .empty_directory files are ignored.
+      # If any file name is wrapped within % signs, the text within the % signs will be executed
+      # as a method and replaced with the returned value.
+
+      directory "project/doc-src", "#{name}/doc-src"
+      directory "project/public", "#{name}/public"
+      directory "project/sass", "#{name}/sass"
+      directory "project/views", "#{name}/views"
+
+      copy_file "project/config.rb", "#{name}/config.rb"
+      copy_file "project/config.ru", "#{name}/config.ru"
+      copy_file "project/Gemfile", "#{name}/Gemfile"
+      copy_file "project/Rakefile", "#{name}/Rakefile"
+      copy_file "project/readme.md", "#{name}/readme.md"
+      copy_file "project/toadstool.rb", "#{name}/toadstool.rb"
+    end
+  end
+
+  class Server < Thor::Group
+    def exec_script_rails!
+      cwd = Dir.pwd
+      return unless in_rails_application? || in_rails_application_subdirectory?
+      exec 'rackup', *ARGV if in_rails_application?
+      Dir.chdir("..") do
+        # Recurse in a chdir block: if the search fails we want to be sure
+        # the application is generated in the original working directory.
+        exec_script_rails! unless cwd == Dir.pwd
+      end
+      rescue SystemCallError
+        # could not chdir, no problem just return
     end
   end
   
-  class Server < Thor::Group   
-   def exec_script_rails!
-     cwd = Dir.pwd
-     return unless in_rails_application? || in_rails_application_subdirectory?
-     exec 'rackup', *ARGV if in_rails_application?
-     Dir.chdir("..") do
-       # Recurse in a chdir block: if the search fails we want to be sure
-       # the application is generated in the original working directory.
-       exec_script_rails! unless cwd == Dir.pwd
-     end
-   rescue SystemCallError
-     # could not chdir, no problem just return
-   end
-   
-   no_tasks do
+   # no_tasks do
      def in_rails_application?
        File.exists?('config.ru')
      end
-   
-  
+
+
      def in_rails_application_subdirectory?(path = Pathname.new(Dir.pwd))
        File.exists?(File.join(path, 'config.ru')) || !path.root? && in_rails_application_subdirectory?(path.parent)
      end
-   end
-  end
+   # end
+
+# end
+# 
+# 
+# module Toadstool
+  class Generator < Thor
+    include Thor::Actions
+      argument :name
+      argument :state
+      
+      desc 'ts_module', "Generate a module"
+      def ts_module
+        create_file "views/modules/#{name}/_#{state}.erb"
+        create_file "views/modules/#{name}/readme.md"
+        create_file "sass/modules/#{name}/#{state}/_#{state}.sass", "@import 'mixins'\n@import 'extends'"
+        create_file "sass/modules/#{name}/#{state}/_extends.sass"
+        create_file "sass/modules/#{name}/#{state}/_mixins.scss"
+
+        create_file 'sass/_modules.sass' if !File.exist?('sass/_modules.sass')
+        
+        append_file 'sass/_modules.sass', "@import 'modules/#{name}/#{state}/#{state}'"
+      end
+
+      desc 'ts_pattern', "Generate a module"
+      def ts_pattern
+        create_file "views/ui_patterns/#{name}/_#{state}.erb"
+        create_file "views/ui_patterns/#{name}/readme.md"
+        create_file "sass/ui_patterns/#{name}/#{state}/_#{state}.sass", "@import 'mixins'\n@import 'extends'"
+        create_file "sass/ui_patterns/#{name}/#{state}/_extends.sass"
+        create_file "sass/ui_patterns/#{name}/#{state}/_mixins.scss"
+
+        create_file 'sass/_ui_patterns.sass' if !File.exist?('sass/_ui_patterns.sass')
+        
+        append_file 'sass/_ui_patterns.sass', "@import 'ui_patterns/#{name}/#{state}/#{state}'"
+      end
+    end
 end
 
+
+
+
 ARGV << '--help' if ARGV.empty?
 
 aliases = {
@@ -89,6 +133,9 @@ when 'install'
   Toadstool::Install.start
 when 'server'
   Toadstool::Server.start
+  
+when 'generate'
+  Toadstool::Generator.start
 else
   puts "Error: Command '#{command}' not recognized"
   if %x{rake #{command} --dry-run 2>&1 } && $?.success?

data/lib/stylesheets/_toadstool-styleguide.scss

@@ -0,0 +1,33 @@
+// App Config - this is where most of your magic will happen
+// ------------------------------------------------------------------------------
+@import "toadstool/config";  // Editing defaults here will override any set in the Stipe gem
+
+
+// Want web fonts? We got those too.
+// ------------------------------------------------------------------------------
+@import "toadstool/web_fonts";
+
+
+
+// Following sequence will load the necessary Stipe libraries
+// ------------------------------------------------------------------------------
+@import "stipe/media";
+@import "stipe/stipe";                   
+@import "stipe/media";
+@import "stipe/typography";             
+@import "stipe/grid";      
+@import "stipe/forms";               
+@import "stipe/color";                   
+@import "stipe/gradients"; 
+               
+
+
+// This where you start building your own styles. 
+// ------------------------------------------------------------------------------
+@import "toadstool/typography";
+@import "toadstool/design";
+@import "toadstool/forms";
+@import "toadstool/buttons";
+@import "toadstool/grids";
+@import "toadstool/ui_patterns";
+@import "toadstool/modules";

data/lib/stylesheets/toadstool/_buttons.scss

@@ -0,0 +1,22 @@
+[class*="toadstool"] {
+	.nav_toggle {
+		@include linear_gradient_w3c ($alpha_gray, #{$delta_gray 0%, $alpha_gray 100%});
+		&:hover {
+			@include linear_gradient_w3c ($alpha_gray, #{$alpha_gray 0%, $delta_gray 100%});
+			border-color: $alpha_gray;
+			box-shadow: 0 0 0;
+		}
+		text-shadow: 0 0 0;
+		box-shadow: 0 0 0;
+		border-color: $alpha_gray;
+		float: right;
+		display: none;
+		color: $white;
+		@media #{$mobile} {
+			display: block;
+			width: auto;
+			padding: rem(15) rem(10) rem(10) rem(10);
+			font-weight: normal;
+		}
+	}
+}

data/lib/stylesheets/toadstool/_config.scss

@@ -0,0 +1,228 @@
+// The config file is intended to allow users to quickly redefine core elements of the design
+// that will cascade throughout the css to get your design up and running FAST!
+
+
+
+///// Typography configuration /////
+// -----------------------------------------------------------------------------
+// $font_size: 12 !default;
+// 
+$heading_1: 32 !default;
+$heading_2: 24 !default;
+// $heading_3: 28 !default;
+// $heading_4: 18 !default;
+// $heading_5: 18 !default;
+// $heading_6: 18 !default;
+// 
+// $line: $font_size * 1.5 !default;
+// 
+// $small_point_size: 10 !default;
+// $large_point_size: 14 !default;
+// 
+// $primary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
+// $secondary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
+$heading_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
+
+
+
+///// Default webfont directory /////
+// -----------------------------------------------------------------------------
+// $webfont_directory: "/fonts/" !default;
+
+
+
+///// default image directory /////
+// -----------------------------------------------------------------------------
+// In Sinatra, the images folder resides in the public directory.  This directory is not made publically accessible,
+// so simply referencing the images directory will be fine.
+// $imgDir: "/images/" !default;
+
+
+
+/////// OOCSS generic base colors ////////
+// -----------------------------------------------------------------------------
+// Red, green, yellow, blue, accent and black is not law, but a common theme in most designs.
+// Using Toadstool, all you need to do is edit these 6 hex values and everything else is created
+// by magic, unicorns and fairy dust!
+// $alpha_primary:   #5a2e2e !default;        // red
+// $bravo_primary:   #3e4147 !default;        // green
+// $charlie_primary: #fffedf !default;        // yellow
+// $delta_primary:   #2a2c31 !default;        // blue
+// $echo_primary:    #dfba69 !default;        // accent
+
+// $alpha_gray:      #333 !default;           //black
+
+
+
+/////// Toadstool color math ////////
+// -----------------------------------------------------------------------------
+// This is a bootstrap template for creating an array of colors
+// If this is not for you, feel free to comment out
+@import "stipe/color/default_color_palette";
+
+// Don't like Stipe's color pallet, no worries. Uncomment these lines and go for it!
+// @import "color/color_math";
+// @import "color/grayscale_math";
+
+
+/////// Grid configuration ////////
+// -----------------------------------------------------------------------------
+// setting default units of measurement for Toadstool grid solution
+// $grid_type:                  12 !default;             // sets default column grid
+// $grid_uom:                   percent !default;        // use either ``em`` or ``percent``
+// $grid_padding_l:             0 !default;              // sets default left/right padding inside grid block
+// $grid_padding_r:             0 !default;              // sets default left/right padding inside grid block
+// $grid_padding_tb:            0 !default;              // sets default top/bottom padding inside grid block
+// $grid_border:                0 !default;              // sets default border width on all grid blocks
+// $grid_child:                 none !default;           // sets parent child relationship between grid blocks
+// $grid_align:                 default !default;        // by default grids float left. Optional argument is ``center``
+// $col_base:                   10 !default;             // equal to 10px in the standard 960.gs
+// $col_gutter:                 $col_base * 2 !default;  // sets default grid gutter width                            
+// $grid_960:                   960 / 100% !default;     // grid math for percentages
+
+
+
+
+/////// Toadstool's semantic combinations ////////
+// Semantic variables should always be matched up with abstract values, never semantic to semantic
+// -----------------------------------------------------------------------------
+
+// abstract 'white' value to easily applied to semantic class objects
+// $white:                                #fff !default;
+
+// default shadow colors
+// $shadow_color:                         fade-out($alpha_gray, 0.5) !default;
+
+// primary header font color
+// $primary_header_color:                 $alpha_gray !default;
+
+// primary font color for the app
+// $primary_text:                         $bravo_gray !default;
+
+// default <a href="#"> link color
+// $href_color:                           $alpha_color_delta !default;
+// $href_color_alt:                       $delta_color_bravo !default;
+
+// used with the <ins> tag
+// http://www.w3schools.com/tags/tag_ins.asp
+// $ins_color:                            $charlie_color !default;
+
+// used with the <mark> tag
+// http://www.w3schools.com/html5/tag_mark.asp
+// $mark_color:                           $charlie_color !default;
+
+// webkit tap highlight color
+// $webkit_tap_hightlight:                $delta_color_bravo !default;
+
+// overrides the default content selection color in the browser
+// $selection_color:                      $charlie_color !default;
+// $selection_text_color:                 $primary_text !default;
+
+// default border color
+// $border_color:                         $charlie_gray !default;
+
+
+
+// Config defaults for forms
+// -----------------------------------------------------------------------------
+// $alert_background_color:        $alpha_color !default;
+
+// $input_disabled:                $bravo_gray !default;
+// $input_disabled_bkg:            lighten($input_disabled, 75%) !default;
+// $input_disabled_border:         lighten($input_disabled, 50%) !default;
+// $input_disabled_text:           lighten($input_disabled, 50%) !default;
+//                                 
+// $form_field_background_color:   $white !default;
+// $form_field_focus_color:        $white !default;
+// $form_field_fail_bkg:           $white !default;
+//                                 
+// $form_field_border:             $charlie_gray !default;
+// $form_field_border_fail:        $alpha_color !default;
+// $form_field_focus_border_color: $charlie_gray !default;
+//                                 
+// $form_field_text:               $primary_text !default;
+// $error_text:                    $alpha_color !default;
+// $form_field_fail:               $alpha_color !default;
+// $form_field_text_fail:          $alpha_color !default;
+// $instructional_text:            $charlie_gray !default;
+
+
+
+// Config defaults for buttons
+// -----------------------------------------------------------------------------
+// $primary_button_border_color:          $bravo_color !default;
+// $secondary_button_border_color:        $bravo_gray !default;
+// $button_text:                          $white !default;
+
+
+
+// Config defaults for ``standard_rounded_border`` mixin
+// -----------------------------------------------------------------------------
+$standard_round_corner:                3 !default;                // sets default border radius
+$standard_corner_width:                1px !default;              // sets default border width
+$standard_border_color:                $border_color !default;    // sets default border color
+
+
+
+// Config defaults for ``standard_block_spacing`` mixin
+// -----------------------------------------------------------------------------
+$default_block_spacing:                20 !default;               // sets margin-bottom
+
+
+
+// Config defaults for site border style
+// -----------------------------------------------------------------------------
+$standard_border_style:                solid !default;
+
+
+
+// Config defaults for ``standard_hr`` mixin
+// -----------------------------------------------------------------------------
+$standard_hr_spacing:                  40 !default;               // sets padding and margin bottom
+$standard_hr_color:                    $delta_gray !default;
+$standard_hr_width:                    1px !default;
+
+
+
+// Config values for all default shadows
+// -----------------------------------------------------------------------------
+$h-shadow:                             0 !default;                // horizontal shadow settings
+$v-shadow:                             2 !default;                // vertical shaddow settings
+$blur:                                 3 !default;                // blur settings
+
+$inset_color:                          $shadow_color !default;    // for use with ``dual_box_shadow`` mixin
+$ih-shadow:                            0 !default;                // inset horizontal shadow settings
+$iv-shadow:                            2 !default;                // inset vertical shaddow settings
+$is-shadow:                            2 !default;                // inset spread shaddow settings
+$iblur:                                3 !default;                // inset blur settings
+
+
+
+
+/////////////// UI @media breakpoint defaults ////////////////
+// -----------------------------------------------------------------------------
+// $tablet:                    "screen and (max-width: 64em)" !default;
+// $tablet_portrait:           "screen and (max-width: 50em) and (orientation: portrait)" !default;
+// $tablet_landscape:          "screen and (max-width: 50em) and (orientation: landscape)" !default;
+// 
+// $mobile:                    "screen and (max-width: 30em)" !default;
+// $mobile_portrait:	          "screen and (max-width: 30em) and (orientation : portrait)" !default;
+// $mobile_landscape:	        "screen and (max-width: 30em) and (orientation : landscape)" !default; 
+
+
+// Compass function for creating grid background
+// -----------------------------------------------------------------------------
+// @import "compass/layout/grid-background";
+// $grid-background-total-columns: 12;
+// $grid-background-column-width: 60px;
+// $grid-background-gutter-width: 20px;
+// $grid-background-offset: 10px;
+// $grid-background-column-color: scale-color($echo_primary,$lightness:80%);
+
+
+
+
+
+
+
+

data/lib/stylesheets/toadstool/_design.scss

@@ -0,0 +1,55 @@
+
+
+.styleguide_main_content {
+	@include full_width_block(12);
+	
+	.styleguide_article, .element_example {
+		@include grid(12.25, alphaomega, $grid_align: center, $grid_uom: em);
+		
+		@media #{$tablet_portrait} {
+		 @include grid(12.25, alphaomega, $grid_align: center);
+		}
+		
+		@media #{$mobile} {
+		 @include grid(12.25, alphaomega, $grid_align: center);
+		}
+		
+		.toadstool_header, .toadstool_subheader {
+			@include grid(12);
+			@media #{$mobile} {
+			 @include grid(4, $grid_context: 4);
+			}
+		}
+		
+		section {
+			clear: both;
+			&:nth-of-type(1n+2) {
+				border-top: 1px dotted;
+				padding-top: em(20);
+			}
+		}
+	}
+	.element_example {
+		margin-bottom: em(20);
+		float: left;
+		background-image: url(data:image/gif;base64,R0lGODlhUAABAIAAAP/////l5SwAAAAAUAABAAACC4SPocvtD6NsqIICADs=);
+		&.col_24_grid {
+  		background-image: url(data:image/gif;base64,R0lGODlhKAABAIAAAP/////l5SH5BAAAAAAALAAAAAAoAAEAAAIIhB2py+15TAEAOw==);
+		}
+	}
+}
+
+.hidden {
+	display: none;
+}
+
+.mobi_hidden {
+	@media #{$mobile} {
+		display: none;
+	}
+}
+
+code {
+	padding: em(2) em(5);
+	background: $charlie_color_hotel;
+}