jetpack-rails 0.10.1 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 54af56e4f82394ebb43e597871a5bdba24561e6d
-  data.tar.gz: db006b7624d673abaf0274e57565d8243e80d032
+  metadata.gz: 334c9225c043f105661b121548a98e4bc39dfafb
+  data.tar.gz: e1f1e69b710036cd64cdc2c2b2a23aa7942760f5
 SHA512:
-  metadata.gz: a6ed0bd87c62df0a3473ceb2867d3ff165ac117a68c6c7cb9cb80c2b5197911815f132c146993b105e680f46c90b8bec2e1f399e5fe411778a66d5f3d608d11e
-  data.tar.gz: 8e1f6474f2e8cf2e1ff528865e80ebe601424727218d8894ff9a7c6fa1030f9d64c5fa9f8da755c42bcd3d1400ea4c1627c8b400e7fbcd731490c5e4b9f73005
+  metadata.gz: b05268d92d55d097fae2b4b409718bc9dff55cf97090990f718e90739401220c6bae963f363d53a6ad89457ca0eac0a87a61dc27c86389f0bd0f96a33bab065b
+  data.tar.gz: 2f1b8deca9a0e3a1a23581398f462495f4b498485a8022f44f2bd121a4b706a68b310412c5e5d4954469d909f7d1da090854432d47cce498ffed522b801dcb9c

data/CHANGELOG

@@ -1,14 +1,11 @@
 =======
 ROADMAP
 =======
+TODO: V0.11.0:
+> Expand docs re: fractionalize grid options, default settings, responsive breakpoints
 
-TODO: V0.10.2
-> Finish demo/documentation page for Core
-> Finish demo/documentation page for Interface
-> Add demo/documentation page for Defaults
-
-TODO: V0.11.0
-> Add LICENSE to fix warning
+TODO: V0.12.0
+> Finish demo/documentation for Modals and Tipsy
 > Change the helpers to be optional (add to application helper using include Jetpack::Helpers)
 > Review the JS
 > Create a "defaults.js" that works the same way as defaults.css
@@ -16,18 +13,28 @@ TODO: V0.11.0
 > Add demo/documentation page for helpers
 > Add demo/documentation page for javascripts
 
-TODO: V0.12.0
+TODO: V0.13.0
 > Clear out any remaining ideas from Wunderlist
 > Redo the home page and readme
 
 TODO: V1.0
-> Use git submodules, so style is available apart from plugin
 > Finish sexy docs / demo
 
 
 ==========
 CHANGELOG:
 ==========
+0.11.0:
+- Overhaul Interface Library. Redo button, label, message mixins.
+- Add highlight, highlight-with-border, inset-text to Core.
+- Remove buttonize from Core (use combinations of above mixins instead).
+- Change flash_messages helper to generate "flash-message" divs instead of "alert-message" divs.
+- Tweak preset success, notice, error color2's to be a little brighter. Since these are no longer
+  directly used for text, it's easier to get a balance of the right
+- Update table style base to not define a border, just the width etc.
+- Fixup the fluid grid container / fixed grid presets
+- Add fluid append and fluid prepend
+
 0.10.1:
 - Add "tint" and "shade" functions from Thoughtbot's "Bourbon."
 - Use tint/shade in Buttonize mixin to avoid bright shiny color highlights

data/lib/jetpack/helper.rb

@@ -26,7 +26,7 @@ module Jetpack
 			str = ""
 			flash.each do |type, msg|
 				type == :alert ? persist = true : persist = false
-				str += content_tag :div, msg, :class => ['alert-message', type], :data => { :persist => persist }
+				str += content_tag :div, msg, :class => ['flash-message', type], :data => { :persist => persist }
 			end
 			str.html_safe
 		end

data/lib/jetpack/version.rb

@@ -1,3 +1,3 @@
 module Jetpack
-	VERSION = "0.10.1"
+	VERSION = "0.11.0"
 end

data/vendor/assets/javascripts/jetpack/alerts.js

@@ -1,8 +1,8 @@
 $(function() {
-	$('.alert-message[data-persist=false]').delay(2000).slideUp();
-	$('.alert-message[data-persist=true]').append('<a href="#" class="close">x</a>');
-	$('.alert-message[data-persist=true] a.close').click( function( event ) {
-		$(this).parent().slideUp();
+	$('.flash-message[data-persist=false]').delay(2000).slideUp();
+	$('.flash-message[data-persist=true]').append('<a href="#" class="close">x</a>');
+	$('.flash-message[data-persist=true] a.close').click( function( event ) {
 		event.preventDefault();
+    $(this).parent().slideUp();
 	});
 });

data/vendor/assets/stylesheets/jetpack/core.css.scss

@@ -1,40 +1,68 @@
-// UNIVERSAL MIXINS
-@mixin clearfix { &:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } }
+/*--------------------------------------------------
+	Jetpack/Core
 
-// Add percentage of white to a color
-@function tint($color, $percent){
-  @return mix(white, $color, $percent);
-}
+	Useful utility functions that can be (and are) used
+	in other modules. These functions are the only
+	"dependencies" for the other jetpack components, meaning
+	this is the only file that *must* be included in a project.
 
-// Add percentage of black to a color
-@function shade($color, $percent){
-  @return mix(black, $color, $percent);
-}
+	If you wanted to, though, you could override any of these
+	mixins before importing the other components, or you could
+	make a copy of this file and modify it, and include your
+	own version instead.
+	--------------------------------------------------	*/
+
+/* -- Layout Mixins -- */
+// Good Ole' Clearfix
+@mixin clearfix { &:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } }
 
+// Add responsive styles for different screen sizes
 @mixin respond-to($media) {
 	@if $media == desktop {
-		@media screen and (min-width: 1024px) { @content; }
+		@media screen and (min-width: $desktop) { @content; }
 	}
 	@if $media == tablet {
-		@media screen and (device-width: 768px), screen and (min-width: 768px) and (max-width: 1023px) { @content; }
+		@media screen and (device-width: $tablet), screen and (min-width: $tablet) and (max-width: $desktop - 1px) { @content; }
 	}
 	@else if $media == mobile {
-		@media screen and (device-width: 480px), screen and (max-width: 767px) { @content; }
+		@media screen and (device-width: $mobile), screen and (max-width: $tablet - 1px) { @content; }
 	}
 }
 
-@mixin border-radius( $radius: $baseline/4) {
-	-webkit-border-radius: $radius;
-	-moz-border-radius: $radius;
-	border-radius: $radius;
+// Fill the whole screen no matter what
+@mixin full-screen( $z: 1000 ) {
+	position: fixed; z-index: $z; top: 0; left: 0; bottom: 0; right: 0;
 }
 
-@mixin box-shadow($shadow: 0 1px 1px rgba(0,0,0,0.4)) {
-	-webkit-box-shadow: $shadow;
-		 -moz-box-shadow: $shadow;
-					box-shadow: $shadow;
+// Fill an entire relative positioned parent container
+@mixin fill-container {
+	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
+}
+
+
+/* -- Presentational Mixins -- */
+
+// Add percentage of white to a color
+@function tint($color, $percent){
+  @return mix(white, $color, $percent);
 }
 
+// Add percentage of black to a color
+@function shade($color, $percent){
+  @return mix(black, $color, $percent);
+}
+
+// Create text with a shadow that makes it look letter-pressed
+@mixin inset-text($color,$background) {
+	color: $color;
+	@if lightness($color) > lightness(#888) {
+		text-shadow: 0 -1px shade($background, 15%);
+	} @else {
+		text-shadow: 0 1px tint($background, 25%);
+	}
+}
+
+// Create a smooth gradient from the top to the bottom color
 @mixin gradient($startColor: #555, $endColor: #333) {
 	background-color: $endColor;
 	background-repeat: repeat-x;
@@ -47,11 +75,27 @@
 	background-image: linear-gradient(top, $startColor, $endColor); // The standard
 }
 
-@mixin buttonize($primaryColor, $secondaryColor) {
-	@include gradient($primaryColor, $secondaryColor);
-	text-shadow: 0 1px 0 tint($secondaryColor, 15%);
-	border: 1px solid;
-	border-color: shade($primaryColor, 10%) shade($secondaryColor, 8%) shade($secondaryColor, 20%);
+// Given a color, create a background gradient that gives a "highlight" effect
+@mixin highlight($color,$lightness,$darkness) {
+	@include gradient(lighten($color,$lightness),darken($color,$darkness));
+}
+
+// Create a "highlight" background with a similarly shaded border
+@mixin highlight-with-border($color,$lightness,$darkness,$style: 1px solid) {
+	@include highlight($color,$lightness,$darkness);
+	border: $style; border-color: shade($color, $darkness/2) shade($color, $darkness) shade($color, $darkness*2);
+}
+
+@mixin border-radius( $radius: $baseline/4) {
+	-webkit-border-radius: $radius;
+	-moz-border-radius: $radius;
+	border-radius: $radius;
+}
+
+@mixin box-shadow($shadow: 0 1px 1px rgba(0,0,0,0.4)) {
+	-webkit-box-shadow: $shadow;
+		 -moz-box-shadow: $shadow;
+					box-shadow: $shadow;
 }
 
 @mixin gutter( $side: top, $style: $light-line, $size: $baseline/2 ) {
@@ -60,12 +104,3 @@
 	padding-#{$side}: $size;
 }
 
-// Fill the whole screen no matter what
-@mixin full-screen( $z: 1000 ) {
-	position: fixed; z-index: $z; top: 0; left: 0; bottom: 0; right: 0;
-}
-
-// Fill an entire relative positioned parent container
-@mixin fill-container {
-	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
-}

data/vendor/assets/stylesheets/jetpack/defaults.css.scss

@@ -38,11 +38,23 @@ a { color: $color1;
 }
 
 // INTERFACE ELEMENTS
-span.label { @include label; }
-a.button, span.button { @include button; }
-// don't include until color scheme is fixed
-//div.message { @include message; }
-//div.alert-message { @include message; }
+span.label {
+  @include label;
+  &.success { @include label($success2,$white); }
+  &.notice { @include label($notice2,$white); }
+  &.error { @include label($error2,$white); }
+}
+a.button, span.button {
+  @include button;
+  &.primary { @include button($color1,$white); }
+  &.danger { @include button($error2,$white); }
+}
+div.flash-message {
+  @include message;
+  &.success { @include message($success1,darken($success2,20%)); }
+  &.notice { @include message($notice1,darken($notice2,25%)); }
+  &.error, &.alert { @include message($error1,darken($error2,10%)); }
+}
 
 // TABLE STYLES
 table.simple { @include table-style-simple; }

data/vendor/assets/stylesheets/jetpack/fractionalize.css.scss

@@ -31,8 +31,16 @@
 
 	--------------------------------------------------	*/
 
+// DEFAULTS //
+$fixed-width: 1000px !default;
+$fixed-margin: 20px !default;
+
+$fluid-width: 90% !default;
+$fluid-margin: 2% !default;
+
+
 @mixin container {
-	width: $desktop;
+	width: $fixed-width;
 	@if $responsive {
 		@include respond-to(tablet) { width: $tablet; }
 		@include respond-to(mobile) { width: $mobile; }
@@ -42,16 +50,17 @@
 	@include clearfix;
 }
 
-@function col-span( $num, $denom, $width: $desktop ) {
+// FIXED-WIDTH FUNCTIONS
+@function col-span( $num, $denom, $width: $fixed-width ) {
 	$column_size: col-size( $denom, $width );
 	$column_area: $column_size * $num;
-	$interior_margins: ($num - 1) * $margin;
+	$interior_margins: ($num - 1) * $fixed-margin;
 	@return $column_area + $interior_margins;
 }
 
-@function col-size( $denom, $width: $desktop ) {
+@function col-size( $denom, $width: $fixed-width ) {
 	$gutters: $denom - 1;
-	$total_gutter: $gutters * $margin;
+	$total_gutter: $gutters * $fixed-margin;
 	$column_area: $width - $total_gutter;
 	@return $column_area / $denom;
 }
@@ -59,7 +68,7 @@
 @mixin grid( $num, $denom ) {
 	display: block;
 	float: left;
-	margin-left: $margin;
+	margin-left: $fixed-margin;
 	width: col-span( $num, $denom );
 	&:first-child { margin-left: 0; }
 	@if $responsive {
@@ -70,29 +79,43 @@
 }
 
 @mixin prepend( $num, $denom ) {
-	margin-left: col-span( $num, $denom ) + $margin;
-	&:first-child { margin-left: col-span( $num, $denom ) + $margin; }
+	margin-left: col-span( $num, $denom ) + $fixed-margin;
+	&:first-child { margin-left: col-span( $num, $denom ) + $fixed-margin; }
 }
 
 @mixin append( $num, $denom ) {
-	margin-right: col-span( $num, $denom ) + $margin;
-	&:first-child { margin-right: col-span( $num, $denom ) + $margin; }
+	margin-right: col-span( $num, $denom ) + $fixed-margin;
+	&:first-child { margin-right: col-span( $num, $denom ) + $fixed-margin; }
 }
 
 @mixin col_border( $thickness: 1px, $style: solid, $color: #CCC ) {
-	$half: $margin / 2;
+	$half: $fixed-margin / 2;
 	$padding: $half - $thickness;
 	padding-left: $padding;
 	margin-left: $half;
 	border-left: $thickness $style $color;
 }
 
-// FLUID VERSION
-$fluid-margin: 1%;
-$fluid-width: 96%;
+
+// FLUID FUNCTIONS
+@function fluid-col-span( $num, $denom ) {
+	$column_size: fluid-col-size( $denom );
+	$column_area: $column_size * $num;
+	$interior_margins: ($num - 1) * $fluid-margin;
+	@return $column_area + $interior_margins;
+}
+
+@function fluid-col-size( $denom ) {
+	$gutters: $denom - 1;
+	$total_gutter: $gutters * $fluid-margin;
+	$column_area: 100% - $total_gutter;
+	@return $column_area / $denom;
+}
 
 @mixin fluid-container {
-	width: $fluid-width; padding: 0 (100%-$fluid-width)/2; @include clearfix;
+	width: $fluid-width;
+	padding: 0 (100%-$fluid-width)/2;
+	@include clearfix;
 }
 
 @mixin fluid-grid( $num, $denom ) {
@@ -106,16 +129,14 @@ $fluid-width: 96%;
 	img { max-width: 100%; }
 }
 
-@function fluid-col-span( $num, $denom ) {
-	$column_size: fluid-col-size( $denom );
-	$column_area: $column_size * $num;
-	$interior_margins: ($num - 1) * $fluid-margin;
-	@return $column_area + $interior_margins;
+@mixin fluid-prepend( $num, $denom ) {
+	margin-left: fluid-col-span( $num, $denom ) + $fluid-margin;
+	&:first-child { margin-left: fluid-col-span( $num, $denom ) + $fluid-margin; }
+	@include respond-to(mobile) { margin-left: 0; &:first-child { margin-left: 0; }}
 }
 
-@function fluid-col-size( $denom ) {
-	$gutters: $denom - 1;
-	$total_gutter: $gutters * $fluid-margin;
-	$column_area: 100% - $total_gutter;
-	@return $column_area / $denom;
+@mixin fluid-append( $num, $denom ) {
+	margin-right: fluid-col-span( $num, $denom ) + $fluid-margin;
+	@include respond-to(mobile) { margin-right: 0; }
 }
+

data/vendor/assets/stylesheets/jetpack/interface.css.scss

@@ -4,48 +4,60 @@
 
 
 // LABELS
-@mixin label {
-	display: inline-block; padding: 1px 5px; background: $light2; color: $white; @include border-radius(3px);
-	&.success { background: $success2; }
-	&.notice { background: $notice2; color: $dark2; }
-	&.error { background: $error2; }
+@mixin label($bgColor: $light1, $textColor: $dark2) {
+	display: inline-block; padding: 0px 6px; margin-right: 4px;
+	vertical-align: middle;
+	font-size: $base_size - 1px; line-height: $baseline;
+	background: $bgColor; color: $textColor;
+	@include border-radius(4px);
 }
 
 // BUTTONS
-@mixin button {
-	display: inline-block;
-	vertical-align: middle;
-	cursor: pointer;
-	@include box-shadow( 0px 1px 1px rgba(0,0,0,0.15) );
+@mixin button($buttonColor:$light1,$textColor:$dark2) {
+	@include highlight-with-border($buttonColor,5%,10%);
 	@include border-radius(4px);
-	@include buttonize( $white, $light1 );
-	font: bold 12px/1.3 $sans;
-	text-decoration: none;
-	color: $dark2;
-	padding: 3px 10px;
-	margin-right: 4px;
-	width: auto;
-	&:active, &.active { @include buttonize( $light1, $white ); @include box-shadow( none ); }
-	&.disabled { @include buttonize( $light1, $light1); color: $light2; @include box-shadow( none ); }
-	&.danger { @include buttonize( lighten($error2, 20%), $error2 ); color: $white; text-shadow: 0px -1px darken( $error2, 10% );
-		&:active, &.active { @include buttonize( $error2, lighten($error2, 20%) ); text-shadow: 0px 1px lighten($error2, 15%); @include box-shadow( none ); }
+	@include inset-text($textColor,$buttonColor);
+	@include box-shadow(0px 1px shade($buttonColor,30%));
+	display: inline-block; vertical-align: middle; cursor: pointer;
+	padding: 0 10px; margin-right: 4px;
+	font-weight: 700; font-size: 12px; line-height: $baseline; text-decoration: none;
+	&:active, &.active, &:disabled, &.disabled {
+		@include highlight-with-border($buttonColor,3%,5%);
+		@include box-shadow(none);
+	}
+	&:disabled, &.disabled {
+		@if lightness($textColor) > lightness($buttonColor) {
+			@include inset-text(tint($buttonColor,60%),$buttonColor);
+		} @else {
+			@include inset-text(tint($textColor,40%),$buttonColor);
+		}
+	}
+	&.small {
+		padding: 0px 7px; font-size: 11px; line-height: $baseline - 6px;
 	}
-	&.small { padding: 0px 6px; font-size: 11px; line-height: 1.4; }
 }
 
 // MESSAGES
-@mixin message {
-	@include border-radius(4px); color: $white; padding: 7px 12px; margin-bottom: $baseline; @include box-shadow;
-	@include gradient( lighten($light2, 5%), $light2 ); color: $dark2; text-shadow: 0px 1px $light1;
-	&.success { @include gradient( lighten($success2, 5%), $success2); color: $white; text-shadow: 0px -1px darken( $success2, 15% ); }
-	&.notice { @include gradient( lighten($notice2, 5%), $notice2); color: $dark2; text-shadow: 0px 1px $notice1; }
-	&.error, &.alert { @include gradient( lighten($error2, 5%), $error2); color: $white; text-shadow: 0px -1px darken( $error2, 15% ); }
-	a.close { font-size: 18px; font-weight: 700; line-height: 13.5px; float: right; text-decoration: none; opacity: 0.2; color: $black; text-shadow: 0px 1px $white;
-		&:hover { opacity: 0.4; }
+@mixin message($bgColor: $light1, $textColor:$dark2) {
+	@include highlight-with-border($bgColor,1%,3%);
+	@include border-radius(6px);
+	@include inset-text($textColor,$bgColor);
+	padding: $baseline/4 $baseline/2;
+	margin-bottom: $baseline;
+
+	a.close {
+		@include inset-text($textColor,$bgColor);
+		display: block; float: right; margin-top: -2px;
+		font-size: $base_size + 3px; line-height: $base-size + 3px;
+		font-weight: 700; text-decoration: none;
+		cursor: pointer;
+		opacity: 0.35;
+		&:hover { opacity: 0.7; }
 	}
 }
 
 // MODALS
+// TODO: should this go in a js-styles or modal module?
 @mixin modal {
 	.modal-bg { @include full-screen; background: $dark1; opacity: 0.8; }
 	.modal { display: none; top: 10%; left: 30%; right: 30%; background: $dark2; position: absolute; z-index: 1001; padding: $baseline; }
@@ -53,6 +65,7 @@
 }
 
 // TIPSY
+// TODO: should this go in a js-styles or tipsy module?
 @mixin tipsy {
 	.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; }
 	.tipsy-inner { background-color: $black; color: $white; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; @include border-radius(4px); }

data/vendor/assets/stylesheets/jetpack/presets.css.scss

@@ -6,7 +6,7 @@
 // instead.
 
 // COLOR DEFINITIONS
-$light1: #E2E0E0;
+$light1: #EBE8E8;
 $light2: #C4BCBC;
 
 $dark1: #686363;
@@ -19,13 +19,13 @@ $alt1: #65A6B7;
 $alt2: #3C7E8E;
 
 $success1: #9ED186;
-$success2: #447C29;
+$success2: #64AD43;
 
 $notice1: #FFDD92;
-$notice2: #FEBC0D;
+$notice2: #FDAE1E;
 
 $error1: #F4CBBE;
-$error2: #9B3524;
+$error2: #CD2F12;
 
 $white: #FCFAFA;
 $black: #111010;
@@ -45,9 +45,10 @@ $base_size: 15px;
 $base_weight: 400;
 $baseline: 20px;
 
-// LAYOUT DEFAULTS
+// RESPONSIVE TOGGLE AND BREAKPOINTS
+// Value = width of fixed container, anything smaller breaks to the next lower layout
+// Disable responsive grid by changing $responsive to false
 $responsive: true;
 $desktop: 1000px;
 $tablet: 760px;
 $mobile: 280px;
-$margin: 20px;

data/vendor/assets/stylesheets/jetpack/resetize.css.scss

@@ -303,21 +303,16 @@ input[type="reset"],
 input[type="submit"],
 input[type="button"] {
 	-webkit-appearance: none;
-	@include border-radius(4px);
-	@include box-shadow( 0px 1px 1px rgba(0,0,0,0.15) );
-	-moz-background-clip: padding;
-	-webkit-background-clip: padding;
-	background-clip: padding-box;
-	@include buttonize( $white, $light1 );
-	cursor: pointer;
-	color: #333;
-	font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; //Helvetica Neue present, because it works better for line-height on buttons than Arial, on OS X.
-	outline: 0;
-	overflow: visible;
-	padding: 3px 10px;
-  margin-right: 4px;
-	text-shadow: #fff 0 1px 1px;
-	width: auto;
+  -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;
+	outline: 0; overflow: visible; cursor: pointer;
+
+  @include highlight-with-border($light1,5%,10%);
+  @include border-radius(4px);
+  @include inset-text($dark2, $light1);
+  @include box-shadow(0px 1px shade($light1,30%));
+  font-family: $base_font; font-weight: 700; font-size: 12px; line-height: $baseline;
+	padding: 0 10px; margin-right: 4px; width: auto;
+
 	/* IE7 */
 	*padding-top: 2px;
 	*padding-bottom: 0px;

data/vendor/assets/stylesheets/jetpack/tables.css.scss

@@ -8,8 +8,16 @@
  * ---------------------------------------------------------------------------------------- */
 
 // WHOLE TABLE STYLES
-@mixin table-style-simple {
+@mixin table-style-base {
+	width: 100%; margin-bottom: $baseline; padding: 0;
+	border-collapse: separate; *border-collapse: collapse; //FOR IE 7
+
+}
+
+@mixin table-style-simple( $c: $light1 ) {
 	@include table-style-base;
+	@include border-radius(4px);
+	border: 1px solid $c;
 	td { @include table-td-style-base; }
 	th { @include table-th-style-base; }
 	thead { @include table-thead-style-simple; }
@@ -18,7 +26,9 @@
 }
 
 @mixin table-style-shaded( $c: $light1 ) {
-	@include table-style-base( $c );
+	@include table-style-base;
+	@include border-radius(4px);
+	border: 1px solid $c;
 	td { @include table-td-style-base; }
 	th { @include table-th-style-shaded( $c ); }
 	thead { @include table-thead-style-shaded( $c ); }
@@ -27,7 +37,9 @@
 }
 
 @mixin table-style-striped( $c: $light1 ) {
-	@include table-style-base( $c );
+	@include table-style-base;
+	@include border-radius(4px);
+	border: 1px solid $c;
 	td { @include table-td-style-base; }
 	th { @include table-th-style-base; }
 	thead { @include table-thead-style-simple( $c ); }
@@ -36,13 +48,6 @@
 	@include table-style-striped-no-header-style( $c );
 }
 
-@mixin table-style-base( $c: $light1 ) {
-	$style: 1px solid $c;
-	width: 100%; margin-bottom: $baseline; padding: 0; border: $style;
-	border-collapse: separate; *border-collapse: collapse; //FOR IE 7
-	@include border-radius(4px);
-}
-
 // CELL STYLES
 @mixin table-td-style-base {
 	padding: 10px; line-height: $baseline; text-align: left;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jetpack-rails
 version: !ruby/object:Gem::Version
-  version: 0.10.1
+  version: 0.11.0
 platform: ruby
 authors:
 - Andrew Burleson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-30 00:00:00.000000000 Z
+date: 2013-09-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
@@ -80,7 +80,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.0
+rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
 summary: A sweet fractional grid system plus an awesome bootstrap mashup, optimized