html5-boilerplate 1.0.0 → 2.1.0

data/templates/project/partials/_page.scss

@@ -4,44 +4,12 @@
 // The following html5-boilerplate styles should
 // probably be customized for each site
 //-----------------------------------------------
-
 body, select, input, textarea {
   color: $font-color;
   // Set your base font here, to apply evenly
   // font-family: Georgia, serif;
 }
 
-//Headers (h1, h2, etc) have no default font-size or margin; define those yourself
-h1, h2, h3, h4, h5, h6 {
-  // Bold might not be the best choice if you are
-  // embedding a @font-face that's already bold
-  font-weight: bold;
-}
-
-a, a:active, a:visited { color: $link-color; }
-a:hover { color: $link-hover-color; }
-
-strong, th {
-  font-weight: bold;
-}
-
-small {
-  // Use font-size mixin to convert to percentage for YUI
-  // http://developer.yahoo.com/yui/3/cssfonts/#fontsize
-  @include font-size(11px);  // approx 85% when base-font-size eq 13px
-}
-
-// Add the 'required' attribute on your
-// inputs if you want to use these
-input:valid, textarea:valid {}
-input:invalid, textarea:invalid {
-  @include border-radius(1px);
-  @include single-box-shadow(red, 0, 0, 5px, 0);
-}
-.no-boxshadow input:invalid,
-.no-boxshadow textarea:invalid { background-color: #f0dddd; }
-
-
 //-----------------------------------
 // Add your own custom styles below
 //-----------------------------------

data/templates/project/style.scss

@@ -2,18 +2,11 @@
 @import "partials/base";
 
 // Then we'll import the compass extension
-@import "html5-boilerplate";
+@import "h5bp";
 
 // Now, you can simply include everything
-// (except media) by uncommeting this line
-//@include html5-boilerplate;
-
-// Or, you can pick and choose only the sections
-// you want by using the these includes
-@include html5-boilerplate-reset;
-@include html5-boilerplate-fonts;
-@include html5-boilerplate-styles;
-@include html5-boilerplate-helpers;
+// (except print and helpers) by uncommeting this line
+@include h5bp-normalize;
 
 // Or, you can import the "overrides" partial if
 // you want more control over individual mixins
@@ -24,5 +17,8 @@
 @import "partials/fonts";
 @import "partials/page";
 
+// Helpers classes should come second-to-last
+@include h5bp-helpers;
+
 // Media should come last
 @import "partials/media";

metadata

@@ -1,58 +1,53 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: html5-boilerplate
-version: !ruby/object:Gem::Version 
-  prerelease: false
-  segments: 
-  - 1
-  - 0
-  - 0
-  version: 1.0.0
+version: !ruby/object:Gem::Version
+  version: 2.1.0
+  prerelease: 
 platform: ruby
-authors: 
+authors:
 - Peter Gumeson
+- Grady Kuhnline
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-05-11 00:00:00 -07:00
+date: 2012-01-24 00:00:00.000000000 -08:00
 default_executable: 
-dependencies: 
-- !ruby/object:Gem::Dependency 
+dependencies:
+- !ruby/object:Gem::Dependency
   name: compass
+  requirement: &2164535520 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
   prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
+  version_requirements: *2164535520
+- !ruby/object:Gem::Dependency
+  name: compass-h5bp
+  requirement: &2164535080 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 0
-        - 11
-        - 1
-        version: 0.11.1
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
   type: :runtime
-  version_requirements: *id001
-description: A Compass extension based on Paul Irish's HTML5 Boilerplate at http://html5boilerplate.com
-email: gumeson@gmail.com
+  prerelease: false
+  version_requirements: *2164535080
+description: A Compass implementation of Paul Irish's HTML5 Boilerplate at http://html5boilerplate.com
+email:
+- gumeson@gmail.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - README.md
 - LICENSE
 - VERSION
 - templates/project/files/htaccess
 - lib/app/helpers/html5_boilerplate_helper.rb
 - lib/html5-boilerplate.rb
-- stylesheets/_html5-boilerplate.scss
-- stylesheets/html5-boilerplate/_fonts.scss
-- stylesheets/html5-boilerplate/_helpers.scss
-- stylesheets/html5-boilerplate/_media.scss
-- stylesheets/html5-boilerplate/_reset.scss
-- stylesheets/html5-boilerplate/_styles.scss
 - templates/project/_flashes.html.haml
 - templates/project/_footer.html.haml
 - templates/project/_head.html.haml
@@ -61,20 +56,22 @@ files:
 - templates/project/_stylesheets.html.haml
 - templates/project/application.html.haml
 - templates/project/files/404.html
+- templates/project/files/apple-touch-icon-114x114-precomposed.png
+- templates/project/files/apple-touch-icon-57x57-precomposed.png
+- templates/project/files/apple-touch-icon-72x72-precomposed.png
+- templates/project/files/apple-touch-icon-precomposed.png
 - templates/project/files/apple-touch-icon.png
 - templates/project/files/crossdomain.xml
 - templates/project/files/favicon.ico
 - templates/project/files/google.yml
 - templates/project/files/humans.txt
 - templates/project/files/robots.txt
-- templates/project/handheld.scss
 - templates/project/index.html.haml
-- templates/project/javascripts/jquery-1.6.js
-- templates/project/javascripts/jquery-1.6.min.js
-- templates/project/javascripts/modernizr-1.7.min.js
+- templates/project/javascripts/jquery-1.6.2.js
+- templates/project/javascripts/jquery-1.6.2.min.js
+- templates/project/javascripts/modernizr-2.0.6.min.js
 - templates/project/javascripts/plugins.js
 - templates/project/javascripts/rails.js
-- templates/project/javascripts/respond.min.js
 - templates/project/javascripts/script.js
 - templates/project/manifest.rb
 - templates/project/partials/_base.scss
@@ -86,34 +83,26 @@ files:
 has_rdoc: true
 homepage: http://github.com/sporkd/compass-html5-boilerplate
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
-rubygems_version: 1.3.7
+rubygems_version: 1.6.2
 signing_key: 
 specification_version: 3
-summary: A Compass extension based on Paul Irish's HTML5 Boilerplate
+summary: A Compass implementation of Paul Irish's HTML5 Boilerplate
 test_files: []
-

data/stylesheets/_html5-boilerplate.scss

@@ -1,20 +0,0 @@
-// HTML5 Boilerplate
-// 
-// Credit is left where credit is due.
-// Much inspiration was taken from these projects:
-// - yui.yahooapis.com/2.8.1/build/base/base.css
-// - camendesign.com/design/
-// - praegnanz.de/weblog/htmlcssjs-kickstart
-
-@import "html5-boilerplate/reset";
-@import "html5-boilerplate/fonts";
-@import "html5-boilerplate/styles";
-@import "html5-boilerplate/helpers";
-@import "html5-boilerplate/media";
-
-@mixin html5-boilerplate {
-  @include html5-boilerplate-reset;
-  @include html5-boilerplate-fonts;
-  @include html5-boilerplate-styles;
-  @include html5-boilerplate-helpers;
-}

data/stylesheets/html5-boilerplate/_fonts.scss

@@ -1,42 +0,0 @@
-$base-font-family: unquote("sans-serif") !default;
-$base-font-size: 13px !default;
-$base-line-height: 1.231 !default;
-
-//
-// Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
-// Whatever parts of this port of YUI to Sass that are copyrightable, are Copyright (c) 2008, Christopher Eppstein. All Rights Reserved.
-//
-
-@mixin html5-boilerplate-fonts($family: $base-font-family, $size: $base-font-size, $line-height: $base-line-height) {
-  body { 
-    font-size: $size;
-    font-family: $family;
-    line-height: $line-height; // hack retained to preserve specificity
-    *font-size: small;
-  }
-
-  // Normalize monospace sizing:
-  // en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
-  pre, code, kbd, samp { font-family: monospace, sans-serif; }
-}
-
-@mixin font-smoothing {
-  @warn "The 'font-smoothing' mixin has been deprecated as it made monospace too thin.";
-}
-
-// Sets the font size specified in pixels using percents so that the base
-// font size changes and 1em has the correct value. When nesting font size
-// declarations, within the DOM tree, the base_font_size must be the parent's
-// effective font-size in pixels.
-// Usage Examples:
-//   .big
-//     +font-size(16px)
-//   .bigger
-//     +font-size(18px)
-//   .big .bigger
-//     +font-size(18px, 16px)
-//
-// For more information see the table found at http://developer.yahoo.com/yui/3/cssfonts/#fontsize
-@mixin font-size($size, $base-font-size: $base-font-size) {
-  font-size: ceil(percentage($size / $base-font-size));
-}

data/stylesheets/html5-boilerplate/_helpers.scss

@@ -1,71 +0,0 @@
-@import "compass/typography/text/replacement";
-@import "compass/utilities/general/clearfix";
-
-//
-// Non-semantic helper classes
-// It's better to include these mixins in your own styles
-//
-
-@mixin html5-boilerplate-helpers {
-  .ir { @include image-replacement; }
-
-  .hidden { @include hidden; }
-
-  .visuallyhidden { @include visually-hidden; }
-
-  .clearfix { @include micro-clearfix; }
-}
-
-// Almost the same as compass replace-text
-// but adding direction: ltr
-@mixin image-replacement($img: none, $x: 50%, $y: 50%) {
-  @include hide-text;
-  direction: ltr;
-  background-repeat: no-repeat;
-  @if $img != none {
-    background-image: image-url($img);
-    background-position: $x $y;
-  }
-}
-
-@mixin sized-image-replacement($img, $x: 50%, $y: 50%) {
-  @include image-replacement($img, $x, $y);
-  width: image-width($img);
-  height: image-height($img);
-}
-
-// Hide for both screenreaders and browsers
-// css-discuss.incutio.com/wiki/Screenreader_Visibility
-@mixin hidden {
-  display:none;
-  visibility: hidden;
-}
-
-// Hide only visually, but have it available for screenreaders: by Jon Neal
-// www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
-@mixin visually-hidden {
-  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
-  // Extends the .visuallyhidden class to allow the element to be focusable
-  // when navigated to via the keyboard: drupal.org/node/897638
-  &.focusable:active, &.focusable:focus {
-    clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;
-  }
-}
-
-// Hide visually and from screenreaders, but maintain layout
-@mixin invisible { visibility: hidden; }
-
-// The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
-// nicolasgallagher.com/micro-clearfix-hack/
-@mixin micro-clearfix {
-  &:before, &:after { content: ""; display: table; }
-  &:after { clear: both; }
-  zoom: 1;
-}
-
-
-// The Magnificent CLEARFIX << j.mp/phayesclearfix
-@mixin magnificent-clearfix {
-  @warn "The 'magnificent-clearfix' mixin has been deprecated. Use 'pie-clearfix' in compass core instead.";
-  @include pie-clearfix;
-}

data/stylesheets/html5-boilerplate/_media.scss

@@ -1,35 +0,0 @@
-@mixin html5-boilerplate-media {
-  @warn "The 'html5-boilerplate-media' mixin has been deprecated.";
-}
-
-//
-// Print styles
-// Inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
-
-@mixin media-print {
-  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-  -ms-filter: none !important; } // Black prints faster: sanbeiji.com/archives/953
-  a, a:visited { color: #444 !important; text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  // Don't show links for images, or javascript/internal links
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-  thead { display: table-header-group; } // css-discuss.incutio.com/wiki/Printing_Tables
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3{ page-break-after: avoid; }
-}
-
-@mixin media-orientation-portrait {
-  @warn "The 'media-orientation-portrait' mixin has been deprecated.";
-}
-
-@mixin media-orientation-landscape {
-  @warn "The 'media-orientation-landscape' mixin has been deprecated.";
-}
-
-@mixin media-mobile($optimize: true) {
-  @warn "The 'media-mobile' mixin has been deprecated.";
-}

data/stylesheets/html5-boilerplate/_reset.scss

@@ -1,43 +0,0 @@
-//  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
-//  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
-//  html5doctor.com/html-5-reset-stylesheet/
-
-@mixin html5-boilerplate-reset {
-  html, body, div, span, object, iframe,
-  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-  abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
-  small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
-  fieldset, form, label, legend,
-  table, caption, tbody, tfoot, thead, tr, th, td,
-  article, aside, canvas, details, figcaption, figure,
-  footer, header, hgroup, menu, nav, section, summary,
-  time, mark, audio, video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    vertical-align: baseline;
-  }
-
-  article, aside, details, figcaption, figure,
-  footer, header, hgroup, menu, nav, section {
-    display: block;
-  }
-
-  blockquote, q { quotes: none; }
-
-  blockquote:before, blockquote:after,
-  q:before, q:after { content: ""; content: none; }
-
-  ins { background-color: #ff9; color: #000; text-decoration: none; }
-
-  mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
-
-  del { text-decoration: line-through; }
-
-  abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
-
-  table { border-collapse: collapse; border-spacing: 0; }
-
-  hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-}