compass-normalize-plugin 0.1

data/CHANGELOG.md

@@ -0,0 +1,4 @@
+v0.1.0 [Mar 29 2012]
+- - - - - - - - - - -
+
+Initial import of normalize.css

data/Manifest

@@ -0,0 +1,19 @@
+CHANGELOG.md
+compass-normalize-plugin.gemspec
+lib/normalize.rb
+Manifest
+Rakefile
+README.md
+scss/_normalize.scss
+scss/normalize/_base.scss
+scss/normalize/_embedded.scss
+scss/normalize/_figures.scss
+scss/normalize/_forms.scss
+scss/normalize/_html5.scss
+scss/normalize/_links.scss
+scss/normalize/_lists.scss
+scss/normalize/_tables.scss
+scss/normalize/_typography.scss
+templates/project/manifest.rb
+templates/project/screen.scss
+VERSION

data/README.md

@@ -0,0 +1,43 @@
+# normalize.css - Compass Plugin
+A Compass plugin of Nicolas Gallagher's normalize.css project.
+
+## Usage
+Execute the following command to create a new project with compass, using normalize.css:
+
+	$ compass create my_project -r normalize --using normalize
+
+To add normalize.css to an existing project, edit `config.rb` and add `compass` to your imports:
+
+	require 'normalize'
+
+Import the plugin and use the mixin
+
+	@import "normalize";
+	
+	@include normalize;
+	
+or include and use only parts of it:
+
+	@import "normalize/html5";
+	@import "normalize/base";
+	
+	@include normalize-html5;
+	@include normalize-base;
+
+## Available mixins and imports
+- normalize-html5 (normalize/html5)
+- normalize-base (normalize/base)
+- normalize-links (normalize/links)
+- normalize-typography (normalize/typography)
+- normalize-lists (normalize/lists)
+- normalize-embedded (normalize/embedded)
+- normalize-figures (normalize/figures)
+- normalize-forms (normalize/forms)
+- normalize-tables (normalize/tables)
+
+## License
+Public domain
+
+## Acknowledgements
+* [Normalize.css](https://github.com/necolas/normalize.css/) is a project by [Nicolas Gallagher](http://github.com/necolas) and [Jonathan Neal](http://github.com/jonathantneal).
+* [compass-normalize-plugin](https://github.com/jroettger/compass-normalize-plugin) is a [Compass](http://compass-style.org) plugin by [Johannes Röttger](http://github.com/jroettger).

data/Rakefile

@@ -0,0 +1,20 @@
+require 'fileutils'
+require 'sass'
+
+begin
+  require 'echoe'
+
+  Echoe.new('compass-normalize-plugin', open('VERSION').read) do |p|
+    p.summary = "Makes browsers render HTML elements consistently and in line with modern standards."
+    p.description = "This is a normalize.css extension for the Compass framework."
+    p.url = "http://roettger.us/"
+    p.author = "Johannes Roettger"
+    p.email = "johannes@roettger.us"
+    p.dependencies = ["compass >=0.11.1"]
+    p.has_rdoc = false
+  end
+
+rescue LoadError => boom
+  puts "You are missing a dependency required for meta-operations on this gem."
+  puts "#{boom.to_s.capitalize}."
+end

data/VERSION

@@ -0,0 +1 @@
+0.1

data/compass-normalize-plugin.gemspec

@@ -0,0 +1,42 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.version = "0.1"
+  s.date = %q{2012-03-29}
+
+  s.name = %q{compass-normalize-plugin}
+  s.authors = ["Johannes Roettger", "Nicolas Gallagher", "Jonathan Neal"]
+  s.summary = %q{Makes browsers render HTML elements consistently and in line with modern standards.}
+  s.description = %q{This is a normalize.css extension for the Compass framework.}
+  s.email = %q{johannes@roettger.us}
+  s.homepage = %q{http://roettger.us/}
+
+	s.files = [
+		"CHANGELOG.md",
+		"compass-normalize-plugin.gemspec",
+		"lib/normalize.rb",	
+		"Manifest",
+		"Rakefile",
+		"README.md",
+		"scss/",
+		"scss/_normalize.scss",
+		"scss/normalize/",
+		"scss/normalize/_base.scss",
+		"scss/normalize/_embedded.scss",
+		"scss/normalize/_figures.scss",
+		"scss/normalize/_forms.scss",
+		"scss/normalize/_html5.scss",
+		"scss/normalize/_links.scss",
+		"scss/normalize/_lists.scss",
+		"scss/normalize/_tables.scss",
+		"scss/normalize/_typography.scss",
+		"templates/",
+		"templates/project/",
+		"templates/project/manifest.rb",
+		"templates/project/screen.scss",
+		"VERSION"
+	]
+	
+	s.rubygems_version = %q{1.3.6}
+	s.add_dependency(%q<compass>, [">= 0.11.1"])
+end

data/lib/normalize.rb

@@ -0,0 +1,5 @@
+require 'compass'
+Compass::Frameworks.register('normalize',
+	:stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'scss'),
+	:templates_directory => File.join(File.dirname(__FILE__), '..', 'templates')
+)

data/scss/_normalize.scss

@@ -0,0 +1,21 @@
+@import "normalize/html5";
+@import "normalize/base";
+@import "normalize/links";
+@import "normalize/typography";
+@import "normalize/lists";
+@import "normalize/embedded";
+@import "normalize/figures";
+@import "normalize/forms";
+@import "normalize/tables";
+
+@mixin normalize {
+	@include normalize-html5;
+	@include normalize-base;
+	@include normalize-links;
+	@include normalize-typography;
+	@include normalize-lists;
+	@include normalize-embedded;
+	@include normalize-figures;
+	@include normalize-forms;
+	@include normalize-tables;
+}

data/scss/normalize/_base.scss

@@ -0,0 +1,25 @@
+@mixin normalize-base {
+	// 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+	//    http://clagnut.com/blog/348/#c790
+	// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+	//    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+	html {
+	  font-size: 100%; /* 1 */
+	  -webkit-text-size-adjust: 100%; /* 2 */
+	  -ms-text-size-adjust: 100%; /* 2 */
+	}
+
+	// Addresses font-family inconsistency between 'textarea' and other form elements.
+	html,
+	button,
+	input,
+	select,
+	textarea {
+	  font-family: sans-serif;
+	}
+
+	// Addresses margins handled incorrectly in IE6/7
+	body {
+	  margin: 0;
+	}
+}

data/scss/normalize/_embedded.scss

@@ -0,0 +1,14 @@
+@mixin normalize-embedded {
+	// 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+	// 2. Improves image quality when scaled in IE7
+	//     code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+	img {
+	  border: 0; // 1
+	  -ms-interpolation-mode: bicubic; // 2
+	}
+
+	// Corrects overflow displayed oddly in IE9
+	svg:not(:root) {
+	  overflow: hidden;
+	}
+}

data/scss/normalize/_figures.scss

@@ -0,0 +1,6 @@
+@mixin normalize-figures {
+	// Addresses margin not present in IE6/7/8/9, S5, O11
+	figure {
+	  margin: 0;
+	}
+}

data/scss/normalize/_forms.scss

@@ -0,0 +1,103 @@
+@mixin normalize-forms {
+	// Corrects margin displayed oddly in IE6/7
+	form {
+	  margin: 0;
+	}
+
+	// Define consistent border, margin, and padding
+	fieldset {
+	  border: 1px solid #c0c0c0;
+	  margin: 0 2px;
+	  padding: 0.35em 0.625em 0.75em;
+	}
+
+	// 1. Corrects color not being inherited in IE6/7/8/9
+	// 2. Corrects text not wrapping in FF3
+	// 3. Corrects alignment displayed oddly in IE6/7
+	legend {
+	  border: 0; // 1
+	  padding: 0;
+	  white-space: normal; // 2
+	  *margin-left: -7px; // 3
+	}
+
+	// 1. Corrects font size not being inherited in all browsers
+	// 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+	// 3. Improves appearance and consistency in all browsers
+	button,
+	input,
+	select,
+	textarea {
+	  font-size: 100%; // 1
+	  margin: 0; // 2
+	  vertical-align: baseline; // 3
+	  *vertical-align: middle; // 3
+	}
+
+	// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+	button,
+	input {
+	  line-height: normal;
+	}
+
+	// 1. Improves usability and consistency of cursor style between image-type 'input' and others
+	// 2. Corrects inability to style clickable 'input' types in iOS
+	// 3. Removes inner spacing in IE7 without affecting normal text inputs
+	//    Known issue: inner spacing remains in IE6
+	button,
+	input[type="button"],
+	input[type="reset"],
+	input[type="submit"] {
+	  cursor: pointer; // 1
+	  -webkit-appearance: button; // 2
+	  *overflow: visible;  // 3
+	}
+
+	// Re-set default cursor for disabled elements
+	button[disabled],
+	input[disabled] {
+	  cursor: default;
+	}
+
+	// 1. Addresses box sizing set to content-box in IE8/9
+	// 2. Removes excess padding in IE8/9
+	// 3. Removes excess padding in IE7
+	//    Known issue: excess padding remains in IE6
+	input[type="checkbox"],
+	input[type="radio"] {
+	  box-sizing: border-box; // 1
+	  padding: 0; // 2
+	  *height: 13px; // 3
+	  *width: 13px; // 3
+	}
+
+	// 1. Addresses appearance set to searchfield in S5, Chrome
+	// 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+	input[type="search"] {
+	  -webkit-appearance: textfield; // 1
+	  -moz-box-sizing: content-box;
+	  -webkit-box-sizing: content-box; // 2
+	  box-sizing: content-box;
+	}
+
+	// Removes inner padding and search cancel button in S5, Chrome on OS X
+	input[type="search"]::-webkit-search-decoration,
+	input[type="search"]::-webkit-search-cancel-button {
+	  -webkit-appearance: none;
+	}
+
+	// Removes inner padding and border in FF3+
+	// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+	button::-moz-focus-inner,
+	input::-moz-focus-inner {
+	  border: 0;
+	  padding: 0;
+	}
+
+	// 1. Removes default vertical scrollbar in IE6/7/8/9
+	// 2. Improves readability and alignment in all browsers
+	textarea {
+	  overflow: auto; // 1
+	  vertical-align: top; // 2
+	}
+}

data/scss/normalize/_html5.scss

@@ -0,0 +1,38 @@
+@mixin normalize-html5 {
+	// Corrects block display not defined in IE6/7/8/9 & FF3
+	article,
+	aside,
+	details,
+	figcaption,
+	figure,
+	footer,
+	header,
+	hgroup,
+	nav,
+	section,
+	summary {
+	  display: block;
+	}
+
+	// Corrects inline-block display not defined in IE6/7/8/9 & FF3
+	audio,
+	canvas,
+	video {
+	  display: inline-block;
+	  *display: inline;
+	  *zoom: 1;
+	}
+
+	// Prevents modern browsers from displaying 'audio' without controls
+	// Remove excess height in iOS5 devices
+	audio:not([controls]) {
+	  display: none;
+	  height: 0;
+	}
+
+	// Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+	// Known issue: no IE6 support
+	[hidden] {
+	  display: none;
+	}
+}

data/scss/normalize/_links.scss

@@ -0,0 +1,15 @@
+@mixin normalize-links {
+	a {
+	  // Addresses outline displayed oddly in Chrome
+	  &:focus {
+	    outline: thin dotted;
+	  }
+
+	  // Improves readability when focused and also mouse hovered in all browsers
+	  // people.opera.com/patrickl/experiments/keyboard/test
+	  &:hover,
+	  &:active {
+	    outline: 0;
+	  }
+	}
+}

data/scss/normalize/_lists.scss

@@ -0,0 +1,29 @@
+@mixin normalize-lists {
+	// Addresses margins set differently in IE6/7
+	dl,
+	menu,
+	ol,
+	ul {
+	  margin: 1em 0;
+	}
+
+	dd {
+	  margin: 0 0 0 40px;
+	}
+
+	// Addresses paddings set differently in IE6/7
+	menu,
+	ol,
+	ul {
+	  padding: 0 0 0 40px;
+	}
+
+	// Corrects list images handled incorrectly in IE7
+	nav {
+	  ul,
+	  ol {
+	    list-style: none;
+	    list-style-image: none;
+	  }
+	}
+}

data/scss/normalize/_tables.scss

@@ -0,0 +1,7 @@
+@mixin normalize-tables {
+	// Remove most spacing between table cells
+	table {
+	  border-collapse: collapse;
+	  border-spacing: 0;
+	}
+}

data/scss/normalize/_typography.scss

@@ -0,0 +1,117 @@
+@mixin normalize-typography {
+	// Addresses font sizes and margins set differently in IE6/7
+	// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+	h1 {
+	  font-size: 2em;
+	  margin: 0.67em 0;
+	}
+
+	h2 {
+	  font-size: 1.5em;
+	  margin: 0.83em 0;
+	}
+
+	h3 {
+	  font-size: 1.17em;
+	  margin: 1em 0;
+	}
+
+	h4 {
+	  font-size: 1em;
+	  margin: 1.33em 0;
+	}
+
+	h5 {
+	  font-size: 0.83em;
+	  margin: 1.67em 0;
+	}
+
+	h6 {
+	  font-size: 0.75em;
+	  margin: 2.33em 0;
+	}
+
+	// Addresses styling not present in IE7/8/9, S5, Chrome
+	abbr[title] {
+	  border-bottom: 1px dotted;
+	}
+
+	// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+	b,
+	strong {
+	  font-weight: bold;
+	}
+
+	blockquote {
+	  margin: 1em 40px;
+	}
+
+	// Addresses styling not present in S5, Chrome
+	dfn {
+	  font-style: italic;
+	}
+
+	// Addresses styling not present in IE6/7/8/9
+	mark {
+	  background: #ff0;
+	  color: #000;
+	}
+
+	// Addresses margins set differently in IE6/7
+	p,
+	pre {
+	  margin: 1em 0;
+	}
+
+	// Corrects font family set oddly in IE6, S4/5, Chrome
+	// en.wikipedia.org/wiki/User:Davidgothberg/Test59
+	pre,
+	code,
+	kbd,
+	samp {
+	  font-family: monospace, serif;
+	  _font-family: 'courier new', monospace;
+	  font-size: 1em;
+	}
+
+	// Improves readability of pre-formatted text in all browsers
+	pre {
+	  white-space: pre;
+	  white-space: pre-wrap;
+	  word-wrap: break-word;
+	}
+
+	// Addresses CSS quotes not supported in IE6/7
+	q {
+	  quotes: none;
+	}
+
+	// Addresses quote property not supported in S4
+	q:before,
+	q:after {
+	  content: '';
+	  content: none;
+	}
+
+	small {
+	  font-size: 75%;
+	}
+
+	// Prevents sub and sup affecting line-height in all browsers
+	// gist.github.com/413930
+	sub,
+	sup {
+	  font-size: 75%;
+	  line-height: 0;
+	  position: relative;
+	  vertical-align: baseline;
+	}
+
+	sup {
+	  top: -0.5em;
+	}
+
+	sub {
+	  bottom: -0.25em;
+	}
+}

data/templates/project/manifest.rb

@@ -0,0 +1,21 @@
+stylesheet 'screen.scss', :media => "screen, projection"
+
+description "normalize.css for Compass"
+
+help %Q{
+Provides a set of mixins for normalization:
+
+- normalize-html5
+- normalize-base
+- normalize-links
+- normalize-typography
+- normalize-lists
+- normalize-embedded
+- normalize-figures
+- normalize-forms
+- normalize-tables
+}
+
+welcome_message %Q{
+Please refer to the normalize.css documentation on GitHub.
+}

data/templates/project/screen.scss

@@ -0,0 +1,32 @@
+@import "normalize";
+
+@include normalize;
+
+// It is also possible to use only parts of normalize.css
+// 
+// @import "normalize/html5";
+// @include normalize-html5;
+// 
+// @import "normalize/base";
+// @include normalize-base;
+// 
+// @import "normalize/links";
+// @include normalize-links;
+//
+// @import "normalize/typography";
+// @include normalize-typography;
+// 
+// @import "normalize/lists";
+// @include normalize-lists;
+// 
+// @import "normalize/embedded";
+// @include normalize-embedded;
+// 
+// @import "normalize/figures";
+// @include normalize-figures;
+// 
+// @import "normalize/forms";
+// @include normalize-forms;
+// 
+// @import "normalize/tables";
+// @include normalize-tables;

metadata

@@ -0,0 +1,77 @@
+--- !ruby/object:Gem::Specification
+name: compass-normalize-plugin
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- Johannes Roettger
+- Nicolas Gallagher
+- Jonathan Neal
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-03-29 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: &70365600613960 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.11.1
+  type: :runtime
+  prerelease: false
+  version_requirements: *70365600613960
+description: This is a normalize.css extension for the Compass framework.
+email: johannes@roettger.us
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- CHANGELOG.md
+- compass-normalize-plugin.gemspec
+- lib/normalize.rb
+- Manifest
+- Rakefile
+- README.md
+- scss/_normalize.scss
+- scss/normalize/_base.scss
+- scss/normalize/_embedded.scss
+- scss/normalize/_figures.scss
+- scss/normalize/_forms.scss
+- scss/normalize/_html5.scss
+- scss/normalize/_links.scss
+- scss/normalize/_lists.scss
+- scss/normalize/_tables.scss
+- scss/normalize/_typography.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+- VERSION
+homepage: http://roettger.us/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.15
+signing_key: 
+specification_version: 3
+summary: Makes browsers render HTML elements consistently and in line with modern
+  standards.
+test_files: []