Kris Bot krisbulman

Here is a quick project setup and usage tutorial:

sudo gem install font-icons --pre

Turns a standard list into a block list; very useful for touch interfaces. Improvements welcome.

Thanks to Harry Roberts for this awesome technique.

the columns mixin file in 13.0 alpha does not contain the following. http://rubygems.org/gems/compass/versions/0.13.alpha.0

RUBY RESOURCES

Note: this list was born in the FB group Ruby Programming Language

Commonly used resources are found here: http://iwanttolearnruby.com/

	@mixin shorthand-border($border-width: 1px, $border-color: #ccc, $border-style: solid) {
	@if length($border-width) > 1 {
	border-width: $border-width;
	border-style: $border-style;
	border-color: $border-color;
	}
	@else if length($border-style) > 1 {
	border-width: $border-width;
	border-style: $border-style;
	border-color: $border-color;

	@import "compass/css3/border-radius";
	@import "compass/css3/text-shadow";
	@import "compass/css3/transition";
	@import "compass/css3/images";

	$tabs-color: #dedede;
	$page-bg: white;
	$tabs-text-color: #333333;

	ul.primary {

	<XMLtoDB>

	<dbinfo dbuser="postgres" dbpass="password" dbsource="dbi:Pg:dbname=peivotes;host=localhost;port=5432" name="peivotesca"/>
	<RootElement name="rss"/>
	<DocKeyColumn name="guid"/>

	<Table name="Candidates" dbname="peivotes" xpath="./channel/item/electionspei:ballotcount">
	<KeyColumn name="GID" order="1"/>
	<KeyColumn name="Poll" order="2"/>
	<KeyColumn name="Dist_no" order="3"/>

	// Thanks to Chris Eppstein for this gem

	$base-line-height: 18px !default;
	$base-font-size: 13px !default;
	$base-em-ratio: 1em / $base-font-size !default; // used by the px-to-em function below

	// Converts px to em in case you do need relative units in your output.
	@function px-to-em($value, $em-ratio: $base-em-ratio) {
	@return $value * $em-ratio;
	}

	<div id="menu-dropdown">
	<ul>
	<li><a href="#">Menu Item 1</a></li>
	<li><a href="#">Menu Item 2</a></li>
	</ul>
	</div>
	<div class="psuedo-menu"><a class="closed-box" id="menu-link" href="#">Menu</a></div>

	// Sass v3.2.5

	// Just realized: In Sass “&” can be a standalone referent
	// to the parent class. so ".foo, .bar, &" is a valid selector.
	// @lonelytype

	.foo {
	.bar, & {
	margin: 0;
	}