compass-boilerplate-plugin 0.1.0

data/.gitignore

@@ -0,0 +1 @@
+pkg/

data/README.rdoc

@@ -0,0 +1,64 @@
+= Compass Boilerplate Plugin
+
+Lightweight HTML5 boilerplate (http://html5boilerplate.com/) plug-in for
+Compass (http://compass-style.org/). It contains only the pure SCSS (SASS)
+definitions.
+
+For a full stack (including Javascript files & Rails helpers) please see
+http://github.com/sporkd/compass-html5-boilerplate.
+
+== Installation
+
+Bundled:
+
+    # Add the line below to your Gemfile
+    gem "compass-boilerplate-plugin", :require => "compass_boilerplate"
+
+As a simple Gem:
+
+    gem install compass-boilerplate-plugin
+
+== Usage
+
+Basic SASS example (app/stylesheets/all.sass):
+
+    // Reset everything
+    @import boilerplate/reset
+
+    // Import boilerplate
+    @import boilerplate
+
+    // Override variables (see _base.scss for full list of options)
+    $font_family: Georgia, serif;
+    $font_size: 14px;
+    $link_color: #036 !default;
+    $link_hover_color: #000 !default;
+
+    // Include all boilerplate definitions
+    +boilerplate
+
+    // Include boilerplate's print definitions inline (within @media print { ... })
+    +boilerplate-print-inline
+
+== License
+
+(The MIT License)
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,20 @@
+$: << File.join(File.dirname(__FILE__), "lib")
+
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gemspec|
+    gemspec.name = "compass-boilerplate-plugin"
+    gemspec.summary = "HTML5 boileplate plugin for Compass"
+    gemspec.description = "Lightweight - contains only the pure SCSS (SASS) definitions"
+    gemspec.email = "dimitrij@blacksquaremedia.com"
+    gemspec.homepage = "http://github.com/bsm/compass-boilerplate-plugin"
+    gemspec.authors = ["Dimitrij Denissenko"]
+    gemspec.add_runtime_dependency "compass"
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler not available. Install it with: gem install jeweler"
+end

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/compass-boilerplate-plugin.gemspec

@@ -0,0 +1,54 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-boilerplate-plugin}
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Dimitrij Denissenko"]
+  s.date = %q{2010-09-21}
+  s.description = %q{Lightweight - contains only the pure SCSS (SASS) definitions}
+  s.email = %q{dimitrij@blacksquaremedia.com}
+  s.extra_rdoc_files = [
+    "README.rdoc"
+  ]
+  s.files = [
+    ".gitignore",
+     "README.rdoc",
+     "Rakefile",
+     "VERSION",
+     "compass-boilerplate-plugin.gemspec",
+     "init.rb",
+     "lib/compass_boilerplate.rb",
+     "stylesheets/_boilerplate.scss",
+     "stylesheets/boilerplate/_advanced.scss",
+     "stylesheets/boilerplate/_base.scss",
+     "stylesheets/boilerplate/_helpers.scss",
+     "stylesheets/boilerplate/_print.scss",
+     "stylesheets/boilerplate/_reset.scss",
+     "stylesheets/boilerplate/_typography.scss",
+     "stylesheets/boilerplate/reset/_utilities.scss"
+  ]
+  s.homepage = %q{http://github.com/bsm/compass-boilerplate-plugin}
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.7}
+  s.summary = %q{HTML5 boileplate plugin for Compass}
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<compass>, [">= 0"])
+    else
+      s.add_dependency(%q<compass>, [">= 0"])
+    end
+  else
+    s.add_dependency(%q<compass>, [">= 0"])
+  end
+end
+

data/init.rb

@@ -0,0 +1 @@
+require 'compass_boilerplate'

data/lib/compass_boilerplate.rb

@@ -0,0 +1,2 @@
+require 'compass'
+Compass::Frameworks.register("boilerplate", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_boilerplate.scss

@@ -0,0 +1,16 @@
+@import "boilerplate/typography";
+@import "boilerplate/helpers";
+@import "boilerplate/advanced";
+@import "boilerplate/print";
+
+@mixin boilerplate {
+  @include boilerplate-typography;
+  @include boilerplate-helpers;
+  @include boilerplate-advanced;
+}
+
+@mixin boilerplate-print-inline {
+  @media print {
+    @include boilerplate-print;
+  }
+}

data/stylesheets/boilerplate/_advanced.scss

@@ -0,0 +1,39 @@
+@import "compass/utilities/general/float";
+@import "compass/utilities/text/nowrap";
+
+/* More semantic classes. Example:
+ *   h1 { @extend .large; @extend .caps; }
+ */
+@mixin boilerplate-advanced {
+
+  .huge    { font-size: 2em; letter-spacing: -1px; font-weight: bold; }
+  .large   { font-size: 1.3em;  }
+  .big     { font-size: 1.1em;  }
+  .small   { font-size: 0.75em; }
+  .tiny    { font-size: 0.65em; }
+
+  .normal  { font-family: $font_family; }
+  .fixed   { font-family: $font_family_fixed; }
+  .quiet   { color: $quiet_color; }
+  .loud    { color: $loud_color; }
+  .header  { color: $header_color; }
+  .strong  { font-weight: bold; }
+  .italic  { font-style: italic; }
+  .caps    { text-transform: uppercase; }
+
+  .right   { text-align: right; }
+  .center  { text-align: center; }
+  .middle  { vertical-align: middle; }
+
+  .block   { display: block; }
+  .inline  { display: inline; }
+  .none    { display: none; }
+  .nowrap  { @include nowrap; }
+  .handle  { cursor: pointer; }
+  .clear   { clear: both; }
+
+  .float-l { @include float-left; }
+  .float-r { @include float-right; }
+  .bottom  { margin-bottom: 0; }
+
+}

data/stylesheets/boilerplate/_base.scss

@@ -0,0 +1,28 @@
+$font_family:         "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif !default;
+$font_family_fixed:   monospace, sans-serif !default;
+
+$font_size:           13px !default;
+$line_height:         1.231 !default;
+
+$font_color:          #444444 !default;
+$link_color:          #607890 !default;
+$link_hover_color:    #003366 !default;
+
+$selection_color:     #FFFFFF !default;
+$selection_bg_color:  #FF5E99 !default;
+
+$error_color:         #FF0000 !default;
+$error_bg_color:      #F0DDDD !default;
+
+$added_color:         #000000 !default;
+$added_bg_color:      #FFFF99 !default;
+
+$highlight_color:     $added_color !default;
+$highlight_bg_color:  $added_bg_color !default;
+
+$quiet_color:         $font_color + #333333 !default;
+$loud_color:          $font_color - #444444 !default;
+$header_color:        $font_color - #111111 !default;
+
+$border_color:        #CCCCCC !default;
+$border_color_print:  $border_color - #333333 !default;

data/stylesheets/boilerplate/_helpers.scss

@@ -0,0 +1,29 @@
+@mixin boilerplate-helpers {
+
+  /*
+  * Non-semantic helper classes
+  */
+
+  /* for image replacement */
+  .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+
+  /* Hide for both screenreaders and browsers
+  css-discuss.incutio.com/wiki/Screenreader_Visibility */
+  .hidden { display: none; visibility: hidden; }
+
+  /* Hide only visually, but have it available for screenreaders
+  www.webaim.org/techniques/css/invisiblecontent/
+  Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
+  .visuallyhidden { position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  /* Hide visually and from screenreaders, but maintain layout */
+  .invisible { visibility: hidden; }
+
+  /* >> The Magnificent CLEARFIX << j.mp/phayesclearfix */
+  .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+  /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+  .clearfix { zoom: 1; }
+
+}

data/stylesheets/boilerplate/_print.scss

@@ -0,0 +1,27 @@
+@import "base";
+
+@mixin boilerplate-print {
+
+  * { background: transparent !important; color: $font_color !important; text-shadow: none !important; }
+
+  a, a:visited { color: $font_color !important; text-decoration: underline; }
+
+  a:after { content: " (" attr(href) ")"; }
+
+  abbr:after { content: " (" attr(title) ")"; }
+
+  .ir a:after { content: ""; } /* Don't show links for images */
+
+  pre, blockquote { border: 1px solid $border_color_print; page-break-inside: avoid; }
+
+  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+
+  tr, img { page-break-inside: avoid; }
+
+  @page { margin: 0.5cm; }
+
+  p, h2, h3 { orphans: 3; widows: 3; }
+
+  h2, h3{ page-break-after: avoid; }
+
+}

data/stylesheets/boilerplate/_reset.scss

@@ -0,0 +1,3 @@
+@import "reset/utilities";
+
+@include boilerplate-reset;

data/stylesheets/boilerplate/_typography.scss

@@ -0,0 +1,117 @@
+@import "base";
+
+@mixin boilerplate-typography {
+
+  /* fonts.css from the YUI Library: developer.yahoo.com/yui/
+  Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
+
+  There are three custom edits:
+  * remove arial, helvetica from explicit font stack
+  * we normalize monospace styles ourselves
+  * table font-size is reset in the HTML5 reset above so there is no need to repeat
+  */
+  body { font:$font_size"/"$line_height sans-serif; *font-size:small; } /* hack retained to preserve specificity */
+
+  select, input, textarea, button { font:99% sans-serif; }
+
+  /* normalize monospace sizing
+  * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+  */
+  pre, code, kbd, samp { font-family: $font_family_fixed; }
+
+
+  /*
+  * minimal base styles
+  */
+
+
+  body, select, input, textarea {
+    /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
+    color: $font_color;
+    /* set your base font here, to apply evenly */
+    font-family: $font_family;
+  }
+
+  /* Headers (h1,h2,etc) have no default font-size or margin,
+  you'll want to define those yourself. */
+  h1,h2,h3,h4,h5,h6 { font-weight: bold; }
+
+  /* always force a scrollbar in non-IE */
+  html { overflow-y: scroll; }
+
+
+  /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+  a:hover, a:active { outline: none; }
+
+  a, a:active, a:visited { color: $link_color; }
+  a:hover { color: $link_hover_color; }
+
+
+  ul, ol { margin-left: 1.8em; }
+  ol { list-style-type: decimal; }
+
+  small { font-size: 85%; }
+  strong, th { font-weight: bold; }
+
+  td, td img { vertical-align: top; }
+
+  sub { vertical-align: sub; font-size: smaller; }
+  sup { vertical-align: super; font-size: smaller; }
+
+  pre {
+    padding: 15px;
+
+    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+    white-space: pre; /* CSS2 */
+    white-space: pre-wrap; /* CSS 2.1 */
+    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+    word-wrap: break-word; /* IE */
+  }
+
+  textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+  .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
+
+  /* align checkboxes, radios, text inputs with their label
+  by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
+  input[type="radio"] { vertical-align: text-bottom; }
+  input[type="checkbox"] { vertical-align: bottom; }
+  .ie7 input[type="checkbox"] { vertical-align: baseline; }
+  .ie6 input { vertical-align: text-bottom; }
+
+  /* hand cursor on clickable input elements */
+  label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+  /* webkit browsers add a 2px margin outside the chrome of form elements */
+  button, input, select, textarea { margin: 0; }
+
+  /* colors for form validity */
+  input:valid, textarea:valid { }
+  input:invalid, textarea:invalid {
+        border-radius: 1px;
+      -moz-box-shadow: 0px 0px 5px $error_color;
+   -webkit-box-shadow: 0px 0px 5px $error_color;
+           box-shadow: 0px 0px 5px $error_color;
+  }
+  .no-boxshadow input:invalid,
+  .no-boxshadow textarea:invalid { background-color: $error_bg_color; }
+
+
+  /* These selection declarations have to be separate.
+  No text-shadow: twitter.com/miketaylr/status/12228805301
+  Also: hot pink. */
+  ::-moz-selection{ background:$selection_bg_color; color:$selection_color; text-shadow: none; }
+  ::selection { background:$selection_bg_color; color:$selection_color; text-shadow: none; }
+
+  /* j.mp/webkit-tap-highlight-color */
+  a:link { -webkit-tap-highlight-color:$selection_bg_color; }
+
+  /* make buttons play nice in IE:
+  www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+  button { width: auto; overflow: visible; }
+
+  /* bicubic resizing for non-native sized IMG:
+  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
+  .ie7 img { -ms-interpolation-mode: bicubic; }
+
+}

data/stylesheets/boilerplate/reset/_utilities.scss

@@ -0,0 +1,61 @@
+@import "boilerplate/base";
+
+@mixin boilerplate-reset {
+
+  /*
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+  html5doctor.com/html-5-reset-stylesheet/
+  */
+
+  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;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+  }
+
+  article, aside, details, figcaption, figure,
+  footer, header, hgroup, menu, nav, section {
+    display:block;
+  }
+
+  nav ul { list-style:none; }
+
+  blockquote, q { quotes:none; }
+
+  blockquote:before, blockquote:after,
+  q:before, q:after { content:''; content:none; }
+
+  a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+  ins { background-color:$added_bg_color; color:$added_color; text-decoration:none; }
+
+  mark { background-color:$highlight_bg_color; color:$highlight_color; font-style:italic; font-weight:bold; }
+
+  del { text-decoration: line-through; }
+
+  abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+
+  /* tables still need cellspacing="0" in the markup */
+  table { border-collapse:collapse; border-spacing:0; }
+
+  hr { display:block; height:1px; border:0; border-top:1px solid $border_color; margin:1em 0; padding:0; }
+
+  input, select { vertical-align:middle; }
+
+};

metadata

@@ -0,0 +1,94 @@
+--- !ruby/object:Gem::Specification 
+name: compass-boilerplate-plugin
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors: 
+- Dimitrij Denissenko
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-09-21 00:00:00 +01:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
+description: Lightweight - contains only the pure SCSS (SASS) definitions
+email: dimitrij@blacksquaremedia.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.rdoc
+files: 
+- .gitignore
+- README.rdoc
+- Rakefile
+- VERSION
+- compass-boilerplate-plugin.gemspec
+- init.rb
+- lib/compass_boilerplate.rb
+- stylesheets/_boilerplate.scss
+- stylesheets/boilerplate/_advanced.scss
+- stylesheets/boilerplate/_base.scss
+- stylesheets/boilerplate/_helpers.scss
+- stylesheets/boilerplate/_print.scss
+- stylesheets/boilerplate/_reset.scss
+- stylesheets/boilerplate/_typography.scss
+- stylesheets/boilerplate/reset/_utilities.scss
+has_rdoc: true
+homepage: http://github.com/bsm/compass-boilerplate-plugin
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: HTML5 boileplate plugin for Compass
+test_files: []
+