pondasee 1.0.rc.2

data/stylesheets/pondasee/typography.scss

@@ -0,0 +1,217 @@
+/* 	HEADING
+	----------------- */
+#{headings(all)} {
+	@include ff-heading;
+	font-weight: bold;
+}
+
+h1 {
+	font-size: 36px;
+	line-height: 1.3em;
+}
+
+h2 {
+	font-size: 24px;
+	line-height: 1.3em;
+}
+
+h3 {
+	font-size: 18px;
+	line-height: 1.5em;
+}
+
+h4 {
+	font-size: 16px;
+	line-height: 1.5em;
+}
+
+h5 {
+	font-size: 14px;
+	line-height: 1.5em;
+}
+
+h6 {
+	font-size: 14px;
+	line-height: 1.5em;
+}
+
+/* 	TEXT ELEMENT
+	----------------- */
+p {
+	margin: 0 0 rhythm() // output 1.5em;
+}
+
+em {
+	font-style: italic;
+}
+
+b, 
+strong {
+	font-weight: bold; 
+}
+
+small { 
+	font-size: 85%; 
+}
+
+cite {
+	font-style: normal;
+}
+
+dfn {
+	font-style: italic;
+	font-weight: bold;
+}
+
+sub, 
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+}
+
+sup { 
+	top: -0.5em;
+	vertical-align: sub;
+}
+
+sub { 
+	bottom: -0.25em;
+	vertical-align: super;
+}
+
+abbr,
+acronym {
+	font-size: 90%;
+	text-transform: uppercase;
+	border-bottom: 1px dotted $grayLight;
+	cursor: help;
+}
+
+del {
+	color: $grayDark;
+	text-decoration: line-through;
+	vertical-align: baseline;
+}
+
+pre {
+	background: #ffff99;
+	border-bottom: 1px solid #ff2;
+	border-top: 1px solid #ff2;
+	color: #990;
+	margin: 1.5em 0;
+	padding: rhythm(.5) rhythm(.3);
+	@include force-wrap;
+}
+
+code {
+	background: #ffff99;
+	color: #990;
+	font-size: 11px;
+	line-height: 1.2em;
+	padding: rhythm(.2);
+}
+
+pre, 
+code, 
+kbd, 
+samp,
+tt { 
+	font-family: $consolas;
+}
+
+ins { 
+	text-decoration: underline;
+}
+
+mark { 
+	background: #ff0;
+	color: #990;
+	font-size: 11px;
+}
+
+/* 	BLOCKQUOTE
+	----------------- */
+blockquote {
+	border-left: 3px solid $grayLighter;
+	color: $grayDark;
+	font-style: italic;
+	font-family: $georgia;
+	margin: 1em 40px; 
+	padding-left: rhythm(.9);
+	
+	em,
+	i,
+	cite {
+		font-style: normal;
+	}
+	cite {
+		color: $blackLighter;
+		display: block;
+		padding: 10px 0 0 20px;
+		position: relative;
+		&:before {
+			content: '\2014';
+			left: 0;
+			position: absolute;
+		}
+	}
+}
+
+q:before,
+q:after,
+blockquote:before, 
+blockquote:after {
+  content: "";
+}
+
+address {
+	display: block;
+	margin: 0 0 1.5em;
+	font-style: italic;
+}
+
+/* 	LISTS
+	----------------- */
+ul, 
+ol {
+	margin: 1em 0;
+	padding: 0 0 0 rhythm(1.5); 
+}
+
+ul {
+	list-style: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+ol ol {
+	list-style: upper-alpha;
+}
+
+ol ol ol {
+	list-style: lower-roman;
+}
+
+ol ol ol ol {
+	list-style: lower-alpha;
+}
+
+li ul, 
+li ol {
+	margin: 0;
+}
+
+dl {
+	margin: 0 1.625em;
+}
+
+dt {
+	font-weight: bold;
+}
+
+dd {
+	margin-bottom: 1.625em;
+}

data/stylesheets/pondasee/utilities.scss

@@ -0,0 +1,181 @@
+/* 	CLEARFIX
+	http://nicolasgallagher.com/micro-clearfix-hack/
+	----------------- */
+.clearfix:before, 
+.clearfix:after { 
+	content: ""; 
+	display: table; 
+}
+
+.clearfix:after { 
+	clear: both; 
+}
+
+.clearfix { 
+	*zoom: 1;
+}
+
+/* 	CLEAR ELEMENT
+	----------------- */
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* 	IMAGE REPLACEMENT
+	----------------- */
+.ir { 
+	border:0; 
+	font: 0/0 a; 
+	text-shadow: none; 
+	color: transparent; 
+	background-color: transparent; 
+}
+
+/* 	HIDE/SHOW ELEMENT
+	----------------- */
+.hide { 
+	display: none; 
+	visibility: hidden; 
+}
+
+.show { 
+	display: block;
+	visibility: visible;
+}
+
+.invisible { 
+	visibility: hidden; 
+}
+
+.visuallyhidden { 
+	border: 0; 
+	clip: rect(0 0 0 0); 
+	height: 1px; 
+	margin: -1px; 
+	overflow: hidden; 
+	padding: 0; 
+	position: absolute; 
+	width: 1px; 
+}
+
+.visuallyhidden.focusable {
+	&:active,
+	&:focus {
+		clip: auto; 
+		height: auto;
+		margin: 0; 
+		overflow: visible; 
+		position: static; 
+		width: auto; 
+	}
+}
+
+/* 	FLOATING ALIGNMENT
+	----------------- */
+.alignleft {
+	@include float(left);
+	margin-right: rhythm(); // output 1.5em
+}
+
+.alignright {
+	@include float(right);
+	margin-left: rhythm(); // output 1.5em
+}
+
+.aligncenter {
+	clear: both;
+	@include center-block;
+}
+
+.alignnone{
+    display: block;
+}
+
+/* 	QUICK FLOAT
+	----------------- */
+.fr { 
+	@include float(right);
+}
+
+.fl { 
+	@include float(left); 
+}
+
+.fn { 
+	@include reset-float; 
+}
+
+/* 	TEXT ALIGNMENT
+	----------------- */
+.left {
+	text-align: left
+}
+
+.right {
+	text-align: right;
+}
+
+.center {
+	text-align: center;
+}
+
+/* 	HR/STANDALONE BORDER
+	----------------- */
+hr {
+	border-top: 1px solid $borderColor;
+	border-bottom: 0;
+	border-right: 0;
+	border-left: 0;
+	clear: both;
+	height: 1px;
+	margin: rhythm() 0;
+	min-height: 0;
+	
+	&.dotted {
+		border-style: dotted;
+	}
+	&.dashed {
+		border-style: dashed;
+	}
+	&.darkborder {
+		border-color: $black
+	}
+	&.lightborder {
+		border-color: $white;
+	}
+}
+
+/* 	MISC CLASSES
+	----------------- */
+.first { 
+	margin-left: 0; 
+	padding-left: 0; 
+}
+
+.last { 
+	margin-right: 0;
+	padding-right: 0;
+}
+
+.top { 
+	margin-top: 0; 
+	padding-top: 0; 
+}
+
+.bottom { 
+	margin-bottom: 0; 
+	padding-bottom: 0; 
+}
+
+/* 	Text meant only for screen readers
+	----------------- */
+.assistive-text {
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+	clip: rect(1px, 1px, 1px, 1px);
+	position: absolute !important;
+}

data/templates/project/config.rb

@@ -0,0 +1,46 @@
+# COMPASS
+# ----------------------------------------------
+# Configuration: http://compass-style.org/help/tutorials/configuration-reference/
+#
+# ----------------------------------------------
+# PRODUCTION
+# compass compile -e production -s compressed --no-line-comments --force --trace --time
+#
+
+# Require any additional compass plugins here.
+require 'pondasee'
+
+# Can be :stand_alone or :rails. Defaults to :stand_alone
+project_type = :stand_alone
+
+# paths
+# Set this to the root of your project when deployed:
+http_path       = "/"
+css_dir         = "/"
+sass_dir        = "sass"
+images_dir      = "img"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output option: nested, expanded, compact, compressed
+output_style = :expanded
+
+# The environment mode.
+# Defaults to :production, can also be :development
+# Use :development to see line numbers, file names, etc
+environment = :production
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+
+# disable the asset cache buster
+asset_cache_buster :none
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass