foundation-css 0.0.1

data/README.md

@@ -0,0 +1 @@
+http://beta.compass-style.org/help/tutorials/extensions/

data/lib/foundation-css.rb

@@ -0,0 +1,3 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('foundation-css', :path => extension_path)

data/stylesheets/foundation/_grid.scss

@@ -0,0 +1,29 @@
+@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
+.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
+.line{*zoom:1;}
+.unit{float:left;}
+.size1of1{float:none;}
+.size1of2{width:50%;}
+.size1of3{width:33.33333%;}
+.size2of3{width:66.66666%;}
+.size1of4{width:25%;}
+.size3of4{width:75%;}
+.size1of5{width:20%;}
+.size2of5{width:40%;}
+.size3of5{width:60%;}
+.size4of5{width:80%;}
+.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
+
+@if $debug === true {
+	.line{background-color:#e2e2e2;}
+	.size1of1{background-color:pink;}
+	.size1of2{background-color:red;}
+	.size1of3{background-color:orange;}
+	.size2of3{background-color: yellow;}
+	.size1of4{background-color:lime;}
+	.size3of4{background-color:green;}
+	.size1of5{background-color:aqua;}
+	.size2of5{background-color:blue;}
+	.size3of5{background-color:purple;}
+	.size4of5{background-color:magenta;}
+}

data/stylesheets/foundation/_helper.scss

@@ -0,0 +1,142 @@
+.clearfix {
+	
+	& .ie {
+		zoom:1;
+	}
+	
+	&:after 
+	{
+		content:'\\0020';
+		display:block;
+		height:0;
+		clear:both;
+		visibility:hidden;
+		font-size:0;
+	}
+}
+
+@mixin clear_floated_children($after = false)
+{
+	@if $after == false
+	{
+		overflow:hidden;
+	}
+	@else
+	{
+		
+	}
+}
+
+.inline-block {
+	.ie & {
+		display : inline; 
+	}
+
+	display         : -moz-inline-box;
+	-moz-box-orient : vertical;
+	display         : inline-block;
+	vertical-align  : middle;
+   
+	.ie & {
+		vertical-align : auto;
+	}
+}
+
+/* for image replacement */
+.image-replace-base {
+	display: block;
+	text-indent: -9999em;
+	overflow: hidden;
+  	background-repeat: no-repeat; 
+	text-align: left; 
+	direction: ltr;
+}
+
+@mixin image-replace($img) {
+	@extend .image-replace-base;
+	height:image_height($img);
+	width:image_width($img);
+}
+
+/* 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;
+}
+
+ /**
+ * Sharpen an image if it has become blurry due to upscaling or downscaling
+ * @see https://developer.mozilla.org/en/CSS/image-rendering
+ */
+.image-sharpen {
+	image-rendering:-moz-crisp-edges;
+	-ms-interpolation-mode:nearest-neighbor;  /* IE 7+ */
+}
+
+/**
+ * When photos are upscaled or downscaled, they often get blurry. Don't use
+ * this on flat color images, they will still appear blurry.
+ * @see https://developer.mozilla.org/en/CSS/image-rendering
+ */
+.image-high-quality {
+	image-rendering:optimizeQuality;
+	-ms-interpolation-mode:bicubic;  /* IE 7+ */
+}
+
+/**
+ * Optimizes the rendering on images so they
+ * appear faster, but at a lower quality. Useful for <video>
+ */
+.image-low-quality {
+	image-rendering:optimizeSpeed;
+}
+
+/* Resets the box model on an element */
+.reset_box {
+	margin:0;
+	padding:0;
+	border:0;
+}
+
+/* Makes a list block inline */
+.inline-list {
+	@include clear_floated_children;
+	@extend .reset_box;
+	
+	li
+	{
+		list-style-type:none;
+		margin-left:0;
+		float:left;
+		white-space:nowrap;
+	}
+}
+
+@mixin hasLayout
+{
+	zoom:1;
+}
+
+@mixin inline-block
+{
+	@include hasLayout;
+	display:inline; 
+	display:-moz-inline-box; 
+	display:inline-block; 
+	vertical-align:top;
+}

data/stylesheets/foundation/_reset.scss

@@ -0,0 +1,264 @@
+a,
+abbr, 
+address, 
+article, 
+aside, 
+audio, 
+b, 
+blockquote, 
+body, 
+canvas, 
+caption, 
+cite, 
+code, 
+dd, 
+del, 
+details, 
+dfn, 
+div, 
+dl, 
+dt, 
+em, 
+fieldset, 
+figcaption, 
+figure,
+footer, 
+form, 
+h1, 
+h2, 
+h3, 
+h4, 
+h5, 
+h6, 
+header, 
+hgroup, 
+html, 
+i, 
+iframe,
+img, 
+ins, 
+kbd, 
+label, 
+legend,
+li,
+mark, 
+menu, 
+nav, 
+object, 
+ol, 
+p, 
+pre,
+q, 
+samp,
+section, 
+small, 
+span, 
+strong, 
+sub, 
+summary,
+sup, 
+table, 
+tbody, 
+td,
+tfoot, 
+th, 
+thead, 
+time, 
+tr, 
+ul, 
+var, 
+video {
+	text-decoration:none;
+	vertical-align:baseline;
+	margin:0;
+	outline:0;
+	padding:0;
+	border:0;
+}
+
+body {
+	font-size:100%;
+	font-family:sans-serif;
+	font-style:normal;
+	font-weight:normal;
+	font-variant:normal;
+	color:#000;
+}
+
+html { 
+	/* always force a scrollbar in non-IE */ 
+	overflow-y: scroll;
+}
+
+/* HTML5 elements */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+
+/* Nicer image sizing in IE */
+img {
+	-ms-interpolation-mode: bicubic;
+}
+
+/* fluid images and objects */
+img,object,embed {
+	max-width:100%;
+}
+
+h1,h2,h3,h4,h5,h6 {
+	/* http://www.aestheticallyloyal.com/public/optimize-legibility/ */
+	text-rendering:optimizeLegibility;
+	/* http://files.christophzillgens.com/webkit-font-smoothing.html */
+	-webkit-font-smoothing:subpixel-antialiased;
+}
+
+/* Reset all lists to nothingness */
+li {
+	list-style:none;
+	display:block;
+}
+
+/* Remove quotation marks */
+blockquote:before,blockquote:after,
+q:before,q:after { 
+	content:'';
+	content:none;
+}
+
+/* Set sub, sup without affecting line-height: gist.github.com/413930 */
+sub, sup {
+  /* Specified in % so that the sup/sup is the
+     right size relative to the surrounding text */
+  font-size: 75%;
+  /* Zero out the line-height so that it doesn't
+     interfere with the positioning that follows */
+  line-height: 0;
+  /* Where the magic happens: makes all browsers position
+     the sup/sup properly, relative to the surrounding text */
+  position: relative;
+}
+
+/* Move the superscripted text up */
+sup {
+  top: -0.5em;
+}
+
+/* Move the subscripted text down, but only
+   half as far down as the superscript moved up */
+sub {
+  bottom: -0.25em;
+}
+
+pre,code,kbd,samp,tt {
+	font-family:monospace;
+}
+
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+
+caption,th {
+	text-align:left;
+}
+
+td,th {
+	vertical-align:top;
+}
+
+/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active { 
+	outline:none; 
+}
+
+form,fieldset,legend,input,
+label,select,button,textarea {
+	/* Webkit browsers add a 2px margin outside the chrome of form elements */
+	margin:0;
+	/* The default border sizes on text inputs in all UAs seem to be slightly different */
+	border:0;
+	/* IE8: If a text input doesn't have padding on all sides or none the text won't be centered */
+	padding:0;
+}
+
+/* Make all form element sit nicely */
+input,
+label,
+select,
+button,
+textarea {
+	/* IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block */
+	display:inline-block;
+	vertical-align:middle;
+	white-space:normal;
+	background:none;
+	
+	/* You NEED to set the font-size and family on all form elements. They don't inherit by default */
+	font:inherit;
+}
+
+/* Remove the stupid outer glow in Webkit */
+input:focus {
+	outline:0;
+}
+
+/* hand cursor on clickable input elements */
+label,
+input[type=button], 
+input[type=submit],
+button {
+	cursor:pointer;
+}
+
+/* Form elements have different box-sizing models by default */
+input,
+textarea {
+	-webkit-box-sizing:content-box;
+	-moz-box-sizing:content-box;
+	box-sizing:content-box;
+}
+
+button,
+input[type=reset],
+input[type=button],
+input[type=submit],
+input[type=checkbox],
+input[type=radio],
+select {
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	box-sizing:border-box;
+}
+
+/* Standardize them */
+input[type=checkbox],
+input[type=radio] {
+	width:13px;
+	height:13px;
+}
+
+/* Make webkit render the search input like a normal text field */
+input[type=search] {
+	-webkit-appearance:textfield;
+}
+
+/* Turn off the recent search for webkit. It adds about 15px padding on the left */
+::-webkit-search-decoration {
+	display:none;
+}
+
+/* make buttons play nice in IE:    
+   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+button,
+input[type="reset"],
+input[type="button"],
+input[type="submit"] {
+	overflow:visible;
+	width:auto;
+}
+
+/* Turn off scroll bars in IE unless needed */
+textarea {	
+	overflow:auto;
+}

data/templates/project/layouts/desktop.scss

@@ -0,0 +1,8 @@
+@import "compass/css3";
+@import "framework/reset";
+@import "framework/helper";
+@import "core/fonts";
+@import "core/forms";
+@import "desktop/forms";
+@import "desktop/type";
+@import "desktop/layout";

data/templates/project/layouts/desktop/_copy.scss

@@ -0,0 +1,115 @@
+.copy {
+
+	p {
+		margin:0 0 18px 0;	
+	}
+
+	address {
+	
+	}
+
+	ul {
+	
+	}
+
+	ol {
+	
+	}
+
+	li {
+	
+	}
+
+	dl {
+	
+	}
+
+	dt {
+	
+	}
+
+	dd {
+	
+	}
+
+	pre {
+	
+	}
+
+	h1,h2,h3,h4,h5,h6
+	{
+	
+	}
+
+	h1
+	{
+	
+	}
+
+	h2
+	{
+	
+	}
+
+	h3
+	{
+	
+	}
+
+	h4
+	{
+	
+	}
+
+	h5
+	{
+	
+	}
+
+	h6
+	{
+	
+	}
+
+	em
+	{
+	
+	}
+
+	strong
+	{
+	
+	}
+
+	mark
+	{
+	
+	}
+
+	ins
+	{
+	
+	}
+
+	del
+	{
+	
+	}
+
+	abbr
+	{
+	
+	}
+
+	a {
+	
+	}
+
+	a:visited {
+	
+	}
+
+	a:hover {
+	
+	}
+}

data/templates/project/layouts/desktop/_layout.scss

@@ -0,0 +1,5 @@
+@if $debug == true {
+	body {
+		background:red;
+	}
+}

data/templates/project/layouts/desktop/_type.scss

@@ -0,0 +1,28 @@
+body,
+input,
+label,
+select,
+button,
+textarea,
+table {
+	  font-size: 16px;
+	font-family: Georgia;
+	line-height: 21px;
+	      color: #000;
+}
+
+/* Text Selection
+-----------------------------------------------*/
+
+/* These ::selection declarations have to be separate. 
+   They cause the browsers to freak out. */
+   
+@mixin selection
+{
+	 background: #000;
+	      color: #fff;
+	text-shadow: none;
+}
+
+::-moz-selection { @include selection; }
+::selection { @include selection; }

data/templates/project/layouts/mobile.scss

@@ -0,0 +1,4 @@
+@import "common";
+@import "mobile/forms";
+@import "mobile/type";
+@import "mobile/layout";

data/templates/project/layouts/mobile/_layout.scss

@@ -0,0 +1,3 @@
+body {
+	background:blue;
+}

data/templates/project/layouts/mobile/_type.scss

@@ -0,0 +1,5 @@
+html
+{
+	-webkit-text-size-adjust:none;
+	-ms-text-size-adjust:none;
+}

data/templates/project/layouts/print.scss

@@ -0,0 +1,54 @@
+*
+{
+	background:transparent !important; 
+	color:#444 !important; 
+	text-shadow:none !important;
+}
+
+a, 
+a:visited 
+{
+	color: #444 !important; 
+	text-decoration: underline; 
+}
+
+a:after
+{
+	content:" (" attr(href) ")";
+}
+
+abbr:after
+{
+	content: " (" attr(title) ")";
+}
+
+pre, 
+blockquote 
+{ 
+	border: 1px solid #999; 
+	page-break-inside: avoid;
+}
+
+img
+{
+	page-break-inside:avoid;
+}
+
+@page
+{
+	margin: 0.5cm;
+}
+
+p, 
+h2, 
+h3 
+{
+	orphans:3;
+	widows:3;
+}
+
+h2, 
+h3
+{
+	page-break-after:avoid;
+}

data/templates/project/layouts/tablet.scss

@@ -0,0 +1,4 @@
+@import "common";
+@import "tablet/forms";
+@import "tablet/type";
+@import "tablet/layout";

data/templates/project/layouts/tablet/_layout.scss

@@ -0,0 +1,3 @@
+body {
+	background:yellow;
+}

data/templates/project/legacy.scss

@@ -0,0 +1 @@
+@import "media/desktop.css";

data/templates/project/manifest.rb

@@ -0,0 +1,17 @@
+description "Foundation CSS Framework"
+
+stylesheet 'master.scss', :media => 'screen'
+stylesheet 'legacy.scss', :media => 'screen', :condition => "IE"
+
+#image 'grid.png'
+#javascript 'script.js'
+#html 'welcome.html.haml', :erb => true
+file 'README'
+
+help %Q{
+
+}
+
+welcome_message %Q{
+
+}

data/templates/project/master.scss

@@ -0,0 +1,10 @@
+@import "foundation";
+
+/* Default Layout */
+@import "media/desktop.css" screen and (min-width: 481px);
+
+/* Adjusted default layout for smaller tablet screens */
+@import "media/tablet.css" screen and (min-width: 481px) and (max-width: 1024px);
+
+/* Adjusted layout for mobile devices */
+@import "media/mobile.css" screen and (max-width: 480px);

data/templates/thumbnailed/_media.html

@@ -0,0 +1,6 @@
+<div class="thumbnailed">
+	<img class="thumbnail-image"/>
+	<div class="thumbnail-content">
+		Content
+	</div>
+</div>

metadata

@@ -0,0 +1,111 @@
+--- !ruby/object:Gem::Specification 
+name: foundation-css
+version: !ruby/object:Gem::Version 
+  hash: 29
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Anthony Short
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-04-10 00:00:00 +10: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: 62196237
+        segments: 
+        - 0
+        - 11
+        - beta
+        - 3
+        version: 0.11.beta.3
+  type: :runtime
+  version_requirements: *id001
+description: a css framework for Compass
+email: ant@anthy.me
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.md
+- lib/foundation-css.rb
+- stylesheets/foundation/_css3.scss
+- stylesheets/foundation/_grid.scss
+- stylesheets/foundation/_helper.scss
+- stylesheets/foundation/_reset.scss
+- templates/project/core/_fonts.scss
+- templates/project/core/_forms.scss
+- templates/project/layouts/desktop/_copy.scss
+- templates/project/layouts/desktop/_forms.scss
+- templates/project/layouts/desktop/_layout.scss
+- templates/project/layouts/desktop/_type.scss
+- templates/project/layouts/desktop.scss
+- templates/project/layouts/mobile/_forms.scss
+- templates/project/layouts/mobile/_layout.scss
+- templates/project/layouts/mobile/_type.scss
+- templates/project/layouts/mobile.scss
+- templates/project/layouts/print.scss
+- templates/project/layouts/tablet/_forms.scss
+- templates/project/layouts/tablet/_layout.scss
+- templates/project/layouts/tablet/_type.scss
+- templates/project/layouts/tablet.scss
+- templates/project/legacy.scss
+- templates/project/manifest.rb
+- templates/project/master.scss
+- templates/project/tests/index.html
+- templates/project/tests/styleguide.html
+- templates/thumbnailed/_media.html
+- templates/thumbnailed/_media.sass
+has_rdoc: true
+homepage: http://anthy.me/
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+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: a css framework for Compass
+test_files: []
+