blueprintr 0.1.0

data/lib/blueprint-css/blueprint/src/ie.css

@@ -0,0 +1,76 @@
+/* --------------------------------------------------------------
+
+   ie.css
+
+   Contains every hack for Internet Explorer,
+   so that our core files stay sweet and nimble.
+
+-------------------------------------------------------------- */
+
+/* Make sure the layout is centered in IE5 */
+body { text-align: center; }
+.container { text-align: left; }
+
+/* Fixes IE margin bugs */
+* html .column, * html .span-1, * html .span-2,
+* html .span-3, * html .span-4, * html .span-5,
+* html .span-6, * html .span-7, * html .span-8,
+* html .span-9, * html .span-10, * html .span-11,
+* html .span-12, * html .span-13, * html .span-14,
+* html .span-15, * html .span-16, * html .span-17,
+* html .span-18, * html .span-19, * html .span-20,
+* html .span-21, * html .span-22, * html .span-23,
+* html .span-24 { display:inline; overflow-x: hidden; }
+
+
+/* Elements
+-------------------------------------------------------------- */
+
+/* Fixes incorrect styling of legend in IE6. */
+* html legend { margin:0px -8px 16px 0; padding:0; }
+
+/* Fixes wrong line-height on sup/sub in IE. */
+sup { vertical-align:text-top; }
+sub { vertical-align:text-bottom; }
+
+/* Fixes IE7 missing wrapping of code elements. */
+html>body p code { *white-space: normal; }
+
+/* IE 6&7 has problems with setting proper <hr> margins. */
+hr  { margin:-8px auto 11px; }
+
+/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
+img { -ms-interpolation-mode:bicubic; }
+
+/* Clearing
+-------------------------------------------------------------- */
+
+/* Makes clearfix actually work in IE */
+.clearfix, .container { display:inline-block; }
+* html .clearfix,
+* html .container { height:1%; }
+
+
+/* Forms
+-------------------------------------------------------------- */
+
+/* Fixes padding on fieldset */
+fieldset { padding-top:0; }
+
+/* Makes classic textareas in IE 6 resemble other browsers */
+textarea { overflow:auto; }
+
+/* Fixes rule that IE 6 ignores */
+input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
+input.text:focus, input.title:focus { border-color:#666; }
+input.text, input.title, textarea, select { margin:0.5em 0; }
+input.checkbox, input.radio { position:relative; top:.25em; }
+
+/* Fixes alignment of inline form elements */
+form.inline div, form.inline p { vertical-align:middle; }
+form.inline label { position:relative;top:-0.25em; }
+form.inline input.checkbox, form.inline input.radio,
+form.inline input.button, form.inline button {
+  margin:0.5em 0;
+}
+button, input.button { position:relative;top:0.25em; }

data/lib/blueprint-css/blueprint/src/print.css

@@ -0,0 +1,85 @@
+/* --------------------------------------------------------------
+
+   print.css
+   * Gives you some sensible styles for printing pages.
+   * See Readme file in this directory for further instructions.
+
+   Some additions you'll want to make, customized to your markup:
+   #header, #footer, #navigation { display:none; }
+
+-------------------------------------------------------------- */
+
+body {
+  line-height: 1.5;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+  color:#000;
+  background: none;
+  font-size: 10pt;
+}
+
+
+/* Layout
+-------------------------------------------------------------- */
+
+.container {
+  background: none;
+}
+
+hr {
+  background:#ccc;
+  color:#ccc;
+  width:100%;
+  height:2px;
+  margin:2em 0;
+  padding:0;
+  border:none;
+}
+hr.space {
+  background: #fff;
+  color: #fff;
+  visibility: hidden;
+}
+
+
+/* Text
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
+code { font:.9em "Courier New", Monaco, Courier, monospace; }
+
+a img { border:none; }
+p img.top { margin-top: 0; }
+
+blockquote {
+  margin:1.5em;
+  padding:1em;
+  font-style:italic;
+  font-size:.9em;
+}
+
+.small  { font-size: .9em; }
+.large  { font-size: 1.1em; }
+.quiet  { color: #999; }
+.hide   { display:none; }
+
+
+/* Links
+-------------------------------------------------------------- */
+
+a:link, a:visited {
+  background: transparent;
+  font-weight:700;
+  text-decoration: underline;
+}
+
+a:link:after, a:visited:after {
+  content: " (" attr(href) ")";
+  font-size: 90%;
+}
+
+/* If you're having trouble printing relative links, uncomment and customize this:
+   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
+
+/* a[href^="/"]:after {
+  content: " (http://www.yourdomain.com" attr(href) ") ";
+} */

data/lib/blueprint-css/blueprint/src/reset.css

@@ -0,0 +1,45 @@
+/* --------------------------------------------------------------
+
+   reset.css
+   * Resets default browser CSS.
+
+-------------------------------------------------------------- */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+    display:block;
+}
+
+body {
+  line-height: 1.5;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }

data/lib/blueprint-css/blueprint/src/typography.css

@@ -0,0 +1,106 @@
+/* --------------------------------------------------------------
+
+   typography.css
+   * Sets up some sensible default typography.
+
+-------------------------------------------------------------- */
+
+/* Default font settings.
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+html { font-size:100.01%; }
+body {
+  font-size: 75%;
+  color: #222;
+  background: #fff;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
+
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
+
+h1 img, h2 img, h3 img,
+h4 img, h5 img, h6 img {
+  margin: 0;
+}
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p           { margin: 0 0 1.5em; }
+p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
+
+a:focus,
+a:hover     { color: #000; }
+a           { color: #009; text-decoration: underline; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
+strong      { font-weight: bold; }
+em,dfn      { font-style: italic; }
+dfn         { font-weight: bold; }
+sup, sub    { line-height: 0; }
+
+abbr,
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin: 0 0 1.5em; font-style: italic; }
+del         { color:#666; }
+
+pre         { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul,
+li ol       { margin: 0; }
+ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
+
+ul          { list-style-type: disc; }
+ol          { list-style-type: decimal; }
+
+dl          { margin: 0 0 1.5em 0; }
+dl dt       { font-weight: bold; }
+dd          { margin-left: 1.5em;}
+
+
+/* Tables
+-------------------------------------------------------------- */
+
+table       { margin-bottom: 1.4em; width:100%; }
+th          { font-weight: bold; }
+thead th    { background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even td  { background: #e5ecf9; }
+tfoot       { font-style: italic; }
+caption     { background: #eee; }
+
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide       { display: none; }
+
+.quiet      { color: #666; }
+.loud       { color: #000; }
+.highlight  { background:#ff0; }
+.added      { background:#060; color: #fff; }
+.removed    { background:#900; color: #fff; }
+
+.first      { margin-left:0; padding-left:0; }
+.last       { margin-right:0; padding-right:0; }
+.top        { margin-top:0; padding-top:0; }
+.bottom     { margin-bottom:0; padding-bottom:0; }

data/lib/blueprint-css/lib/blueprint/blueprint.rb

@@ -0,0 +1,39 @@
+require 'fileutils'
+module Blueprint
+  # path to the root Blueprint directory
+  ROOT_PATH =             File.join(File.expand_path(File.dirname(__FILE__)), "../../")
+  # path to where the Blueprint CSS files are stored
+  BLUEPRINT_ROOT_PATH =   File.join(Blueprint::ROOT_PATH, 'blueprint')
+  # path to where the Blueprint CSS raw CSS files are stored
+  SOURCE_PATH =           File.join(Blueprint::BLUEPRINT_ROOT_PATH, 'src')
+  # path to where the Blueprint CSS generated test files are stored
+  TEST_PATH =             File.join(Blueprint::ROOT_PATH, 'tests')
+  # path to the root of the Blueprint scripts
+  LIB_PATH =              File.join(Blueprint::ROOT_PATH, 'lib', 'blueprint')
+  # path to where Blueprint plugins are stored
+  PLUGINS_PATH =          File.join(Blueprint::BLUEPRINT_ROOT_PATH, 'plugins')
+  # settings YAML file where custom user settings are saved
+  SETTINGS_FILE =         File.join(Blueprint::ROOT_PATH, 'lib', 'settings.yml')
+  # path to validator jar file to validate generated CSS files
+  VALIDATOR_FILE =        File.join(Blueprint::LIB_PATH, 'validate', 'css-validator.jar')
+  # hash of compressed and source CSS files
+  CSS_FILES = {
+    'screen.css'   => ['reset.css', 'typography.css', 'forms.css', 'grid.css'],
+    'print.css'    => ['print.css'],
+    'ie.css'       => ['ie.css']
+  }
+
+  # default number of columns for Blueprint layout
+  COLUMN_COUNT =          24
+  # default column width (in pixels) for Blueprint layout
+  COLUMN_WIDTH =          30
+  # default gutter width (in pixels) for Blueprint layout
+  GUTTER_WIDTH =          10
+  
+  INPUT_PADDING =         5
+  INPUT_BORDER =          1
+end
+
+Dir["#{File.join(Blueprint::LIB_PATH)}/*"].each do |file|
+  require "#{file}" if file =~ /\.rb$/ && file !~ /blueprint.rb/
+end

data/lib/blueprint-css/lib/blueprint/compressor.rb

@@ -0,0 +1,265 @@
+require 'yaml'
+require 'optparse'
+module Blueprint
+  class Compressor
+    TEST_FILES = ['index.html', 
+                  'parts/elements.html', 
+                  'parts/forms.html', 
+                  'parts/grid.html', 
+                  'parts/sample.html']
+    
+    attr_accessor :namespace, :custom_css, :custom_layout, :semantic_classes, :project_name, :plugins
+    attr_reader   :custom_path, :loaded_from_settings, :destination_path, :script_name
+    
+    # overridden setter method for destination_path
+    # also sets custom_path flag on Blueprint::Compressor instance
+    def destination_path=(path)
+      @destination_path = path
+      @custom_path = @destination_path != Blueprint::BLUEPRINT_ROOT_PATH
+    end
+  
+    # constructor
+    def initialize
+      # set up defaults
+      @script_name = File.basename($0) 
+      @loaded_from_settings = false
+      @settings_file = Blueprint::SETTINGS_FILE
+      self.namespace = ""
+      self.destination_path = Blueprint::BLUEPRINT_ROOT_PATH
+      self.custom_layout = CustomLayout.new
+      self.project_name = nil
+      self.custom_css = {}
+      self.semantic_classes = {}
+      self.plugins = []
+    
+      self.options.parse!(ARGV)
+      initialize_project_from_yaml(self.project_name)
+    end
+  
+    # generates output CSS based on any args passed in
+    # overwrites any existing CSS, as well as grid.png and tests
+    def generate!
+      output_header       # information to the user (in the console) describing custom settings
+      generate_css_files  # loops through Blueprint::CSS_FILES to generate output CSS
+      generate_tests      # updates HTML with custom namespaces in order to test the generated library.  TODO: have tests kick out to custom location
+      output_footer       # informs the user that the CSS generation process is complete
+    end
+    
+    def options #:nodoc:#
+      OptionParser.new do |o|
+        o.set_summary_indent('  ')
+        o.banner =    "Usage: #{@script_name} [options]"
+        o.define_head "Blueprint Compressor"
+        o.separator ""
+        o.separator "options"
+        o.on( "-fSETTINGS_FILE", "--settings_file=SETTINGS_FILE", String,
+              "Specify a non-default settings file path.") { |file| @settings_file = file }
+        o.on( "-oOUTPUT_PATH", "--output_path=OUTPUT_PATH", String,
+              "Define a different path to output generated CSS files to. Default is current working directory.") { |path| self.destination_path = path }
+        o.on( "-nBP_NAMESPACE", "--namespace=BP_NAMESPACE", String,
+              "Define a namespace prepended to all Blueprint classes (e.g. .your-ns-span-24)") { |ns| self.namespace = ns }
+        o.on( "-pPROJECT_NAME", "--project=PROJECT_NAME", String,
+              "If using the settings.yml file, PROJECT_NAME is the project name you want to export") {|project| @project_name = project }
+        o.on( "--column_width=COLUMN_WIDTH", Integer,
+              "Set a new column width (in pixels) for the output grid") {|cw| self.custom_layout.column_width = cw }
+        o.on( "--gutter_width=GUTTER_WIDTH", Integer,
+              "Set a new gutter width (in pixels) for the output grid") {|gw| self.custom_layout.gutter_width = gw }
+        o.on( "--column_count=COLUMN_COUNT", Integer,
+              "Set a new column count for the output grid") {|cc| self.custom_layout.column_count = cc }
+        #o.on("-v", "--verbose", "Turn on verbose output.") { |$verbose| }
+        o.on("-h", "--help", "Show this help message.") { puts o; exit }
+      end
+    end
+
+    private 
+  
+    # attempts to load output settings from settings.yml
+    def initialize_project_from_yaml(project_name = nil)
+      # ensures project_name is set and settings.yml is present
+      return unless (project_name && File.exist?(@settings_file))
+    
+      # loads yaml into hash
+      projects = YAML::load(File.path_to_string(@settings_file))
+    
+      if (project = projects[project_name]) # checks to see if project info is present
+        self.namespace =        project['namespace']        || ""
+        self.destination_path = (self.destination_path == Blueprint::BLUEPRINT_ROOT_PATH ? project['path'] : self.destination_path) || Blueprint::BLUEPRINT_ROOT_PATH
+        self.custom_css =       project['custom_css']       || {}
+        self.semantic_classes = project['semantic_classes'] || {}
+        self.plugins =          project['plugins']          || []
+      
+        if (layout = project['custom_layout'])
+          self.custom_layout = CustomLayout.new(:column_count => layout['column_count'], :column_width => layout['column_width'], :gutter_width => layout['gutter_width'], :input_padding => layout['input_padding'], :input_border => layout['input_border'])
+        end
+        @loaded_from_settings = true
+      end
+    end
+  
+    def generate_css_files
+      Blueprint::CSS_FILES.each do |output_file_name, css_source_file_names|
+        css_output_path = File.join(destination_path, output_file_name)
+        puts "\n    Assembling to #{custom_path ? css_output_path : "default blueprint path"}"
+
+        # CSS file generation
+        css_output = css_file_header # header included on all three Blueprint-generated files
+        css_output += "\n\n"
+      
+        # Iterate through src/ .css files and compile to individual core compressed file
+        css_source_file_names.each do |css_source_file|
+          puts "      + src/#{css_source_file}"
+          css_output += "/* #{css_source_file} */\n" if css_source_file_names.any?
+        
+          source_options = if self.custom_layout && css_source_file == 'grid.css'
+            self.custom_layout.generate_grid_css
+          else
+            File.path_to_string File.join(Blueprint::SOURCE_PATH, css_source_file)
+          end
+        
+          css_output += Blueprint::CSSParser.new(source_options, :namespace => namespace).to_s
+          css_output += "\n"
+        end
+      
+        #append CSS from plugins
+        css_output = append_plugin_css(css_output, output_file_name)
+      
+        # append CSS from custom files
+        css_output = append_custom_css(css_output, output_file_name)
+      
+        #save CSS to correct path, stripping out any extra whitespace at the end of the file
+        File.string_to_file(css_output.rstrip, css_output_path)
+      end
+
+      # append semantic class names if set
+      append_semantic_classes
+    
+      #attempt to generate a grid.png file
+      if (grid_builder = GridBuilder.new(:column_width => self.custom_layout.column_width, :gutter_width => self.custom_layout.gutter_width, :output_path => File.join(self.destination_path, 'src')))
+        grid_builder.generate!
+      end
+    end
+  
+    def append_custom_css(css, current_file_name)
+      # check to see if a custom (non-default) location was used for output files
+      # if custom path is used, handle custom CSS, if any
+      return css unless self.custom_path and self.custom_css[current_file_name]
+
+      self.custom_css[current_file_name].each do |custom_css|
+        overwrite_base = custom_css || "my-#{current_file_name}"
+        overwrite_path = File.join(destination_path, overwrite_base)
+        overwrite_css = File.exists?(overwrite_path) ? File.path_to_string(overwrite_path) : ""
+    
+        # if there's CSS present, add it to the CSS output
+        unless overwrite_css.blank?
+          puts "      + custom styles (#{custom_css})\n"
+          css += "/* #{overwrite_base} */\n"
+          css += CSSParser.new(overwrite_css).to_s + "\n"
+        end
+      end
+    
+      css
+    end
+
+    def append_plugin_css(css, current_file_name)
+      return css unless self.plugins.any?
+    
+      plugin_css = ""
+    
+      self.plugins.each do |plugin|
+        plugin_file_specific  = File.join(Blueprint::PLUGINS_PATH, plugin, current_file_name)
+        plugin_file_generic   = File.join(Blueprint::PLUGINS_PATH, plugin, "#{plugin}.css")
+      
+        file = if File.exists?(plugin_file_specific)
+          plugin_file_specific
+        elsif File.exists?(plugin_file_generic) && current_file_name =~ /^screen|print/
+          plugin_file_generic
+        end
+      
+        if file
+          puts "      + #{plugin} plugin\n"
+          plugin_css += "/* #{plugin} */\n"
+          plugin_css += CSSParser.new(File.path_to_string(file)).to_s + "\n"
+
+          Dir.glob(File.join(File.dirname(file), "**", "**")).each do |cp|
+            short_path = cp.gsub(/#{File.dirname(file)}./ , '')
+            # make directory if it doesn't exist
+            directory = File.dirname(short_path)
+            FileUtils.mkdir_p(File.join(destination_path, directory)) unless directory == "."
+            FileUtils.cp cp, File.join(destination_path, short_path) unless File.directory?(File.join(File.dirname(file), short_path)) || cp == file
+          end
+        end
+      end
+    
+      css += plugin_css
+    end
+    
+    def append_semantic_classes
+      screen_output_path = File.join(self.destination_path, "screen.css")
+      semantic_styles = SemanticClassNames.new(:namespace => self.namespace, :source_file => screen_output_path).css_from_assignments(self.semantic_classes)
+      return if semantic_styles.blank?
+
+      css = File.path_to_string(screen_output_path)
+      css += "\n\n/* semantic class names */\n"
+      css += semantic_styles
+      File.string_to_file(css.rstrip, screen_output_path)
+    end
+  
+    def generate_tests
+    #  puts "\n    Updating namespace to \"#{namespace}\" in test files:"
+    #  test_files = Compressor::TEST_FILES.map {|f| File.join(Blueprint::TEST_PATH, *f.split(/\//))}
+    #
+    #  test_files.each do |file|
+    #    puts "      + #{file}"
+    #    Namespace.new(file, namespace)
+    #  end
+    end
+
+    def output_header
+      puts "\n"
+      puts "  #{"*" * 100}"
+      puts "  **"
+      puts "  **   Blueprint CSS Compressor"
+      puts "  **"
+      puts "  **   Builds compressed files from the source directory."
+      puts "  **"
+      puts "  **   Loaded from settings.yml" if loaded_from_settings
+      puts "  **   Namespace: '#{namespace}'" unless namespace.blank?
+      puts "  **   Output to: #{destination_path}"
+      puts "  **   Grid Settings:"
+      puts "  **     - Column Count: #{self.custom_layout.column_count}"
+      puts "  **     - Column Width: #{self.custom_layout.column_width}px"
+      puts "  **     - Gutter Width: #{self.custom_layout.gutter_width}px"
+      puts "  **     - Total Width : #{self.custom_layout.page_width}px"
+      puts "  **"
+      puts "  #{"*" * 100}"
+    end
+
+    def output_footer
+      puts "\n\n"
+      puts "  #{"*" * 100}"
+      puts "  **"
+      puts "  **   Done!"
+      puts "  **   Your compressed files and test files are now up-to-date."
+      puts "  **"
+      puts "  #{"*" * 100}\n\n"
+    end
+  
+    def css_file_header
+%(/* -----------------------------------------------------------------------
+
+
+ Blueprint CSS Framework 0.9
+ http://blueprintcss.org
+
+   * Copyright (c) 2007-Present. See LICENSE for more info.
+   * See README for instructions on how to use Blueprint.
+   * For credits and origins, see AUTHORS.
+   * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */)
+    end
+  
+    def putsv(str)
+      puts str if $verbose
+    end
+  end
+end