Permalink
Browse files

changing to use compass-h5bp gem instead.

  • Loading branch information...
heygrady committed Dec 20, 2011
1 parent 4cc8815 commit 8fa3d1fa4740e0ecb4685a1f22ab80a3fe453f25
View
@@ -117,7 +117,7 @@ Use this if you're not using Rails, but still want compass and the html5-boilerp
It will create a simplified index.html (with haml source), but without the nice Rails helpers.
gem install html5-boilerplate
- compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
+ compass create my_project -r compass-h5bp -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
The `--javascripts-dir` and `--css-dir` flags are to keep consistent with the original project layout.
If you omit them, be sure to edit your javascript and style tags accordingly in index.html.
@@ -144,9 +144,10 @@ If you omit them, be sure to edit your javascript and style tags accordingly in
src/partials/_fonts.scss
src/partials/_media.scss
- js/jquery.min.js
- js/modernizr.min.js
+ js/jquery-1.6.2.min.js
+ js/modernizr-2.0.6.min.js
js/plugins.js
+ js/script.js
.htaccess
config.rb
View
@@ -1,24 +1,27 @@
# -*- encoding: utf-8 -*-
Gem::Specification.new do |s|
- s.version = "2.0.0"
- s.date = "2011-11-19"
+ s.name = "html5-boilerplate"
+ s.version = "2.0.0"
+ s.date = "2011-12-19"
- s.name = "html5-boilerplate"
- s.authors = ["Peter Gumeson", "Grady Kuhnline"]
- s.summary = %q{A Compass extension based on Paul Irish's HTML5 Boilerplate}
+ s.authors = ["Peter Gumeson", "Grady Kuhnline"]
+ s.email = ["gumeson@gmail.com"]
+ s.homepage = "http://github.com/sporkd/compass-html5-boilerplate"
+
+ s.summary = %q{A Compass extension based on Paul Irish's HTML5 Boilerplate}
s.description = %q{A Compass extension based on Paul Irish's HTML5 Boilerplate at http://html5boilerplate.com}
- s.email = "gumeson@gmail.com"
- s.homepage = "http://github.com/sporkd/compass-html5-boilerplate"
- s.files = %w(README.md LICENSE VERSION)
+
+ s.files = %w(README.md LICENSE VERSION)
s.files += %w(templates/project/files/htaccess)
s.files += Dir.glob("lib/**/*.*")
- s.files += Dir.glob("stylesheets/**/*.*")
+ #s.files += Dir.glob("stylesheets/**/*.*")
s.files += Dir.glob("templates/**/*.*")
s.has_rdoc = false
s.require_paths = ["lib"]
- s.rubygems_version = %q{1.7.2}
- s.add_dependency("compass", [">= 0.11.1"])
+
+ s.add_dependency("compass")
+ s.add_dependency("compass-h5bp")
end
@@ -1,25 +0,0 @@
-//
-// HTML5 Boilerplate
-//
-// What follows is the result of much research on cross-browser styling.
-// Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
-// Kroc Camen, and the H5BP dev community and team.
-//
-// Detailed information about this CSS: h5bp.com/css
-
-@function in-list($list, $value) {
- @each $item in $list {
- @if $item == $value {
- @return true;
- }
- }
- @return false;
-};
-
-@import "html5-boilerplate/normalize";
-@import "html5-boilerplate/helpers";
-@import "html5-boilerplate/print";
-
-@mixin html5-boilerplate {
- @include html5-boilerplate-normalize;
-}
@@ -1,82 +0,0 @@
-// ==|== non-semantic helper classes ========================================
-// Please define your styles before this section.
-// ==========================================================================
-
-@mixin html5-boilerplate-helpers($list: false) {
- @if not($list) or in-list($list, ir) { .ir { @include image-replacement; } }
- @if not($list) or in-list($list, hidden) { .hidden { @include hidden; } }
- @if not($list) or in-list($list, visuallyhidden) { .visuallyhidden { @include visuallyhidden; } }
- @if not($list) or in-list($list, invisible) { .invisible { @include invisible; } }
- @if not($list) or in-list($list, clearfix) { .clearfix { @include h5bp-clearfix; } }
-}
-
-//For image replacement
-@mixin image-replacement($img: none, $x: 50%, $y: 50%) {
- background-color: transparent;
- background-repeat: no-repeat;
- border: 0;
- direction: ltr;
- display: block;
- overflow: hidden;
- text-align: left;
- text-indent: -999em;
- br {
- display: none;
- }
-
- @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 from both screenreaders and browsers: h5bp.com/u
-@mixin hidden {
- display: none !important;
- visibility: hidden;
-}
-
-// Hide only visually, but have it available for screenreaders: h5bp.com/v
-@mixin visuallyhidden {
- 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: h5bp.com/p
- &.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;
-}
-
-// Contain floats: h5bp.com/q
-@mixin h5bp-clearfix {
- &:before, &:after {
- content: "";
- display: table;
- }
- &:after {
- clear: both;
- }
- zoom: 1;
-}
Oops, something went wrong.

0 comments on commit 8fa3d1f

Please sign in to comment.