jetpack-rails 0.8.0 → 0.8.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d448bb8894e77214fc9db1ba8ef6b0d1f0f25587
-  data.tar.gz: 1d78df2487542a02be9b9013ff28877fa726a52c
+  metadata.gz: 48f89f796064f221bca72e7469891c7bab19d5c2
+  data.tar.gz: 41ee889821635528de114dcaa34854819ab4f264
 SHA512:
-  metadata.gz: 2668041c5f6f47d2a051c94a19d6589cb1367c3938ac111908ab97272f86c4b4e0d2bd509ed21c619f937fa01beed536d6b6ea924b9cd85af6793a1a7189cfbf
-  data.tar.gz: 34ae606be27595a19f5e9dc26dbb698950eb6ced263aea03ac0ed20fb449380983ea5e602c17eb9110bba3af5a28522e54c8aa7bb2bb5a7f4cff70ff6f39a684
+  metadata.gz: bc16f8e69b2d00c5cbc58ab892214881617850b2fdce69eedeed728014601c4ac7a30588fe232877d278bc814bdf01307de09558191613f7dcf30e33e3c6812e
+  data.tar.gz: 480906d5ad9e7db8b8fa47ae3cb612349476c6df6182b0e111573aab185e8cabfd970dfbed1a1647a2a0f1d42784e118273c843aef22583cc423cf73d8746f74

data/CHANGELOG

@@ -10,6 +10,15 @@ TODO: V1.0
 
 
 Changelog:
+0.8.1:
+- Completely revised the tables library to be based on stack of mixins
+- Changed default $light2 to a ligher color.
+- Added $medium-line style.
+- Added $dark-line style (it was present but had a typo and was unused in 0.8.0)
+- Note on the line styles: these are not heavily used, I'm experimenting with
+  the usefulness of them right now. They may be removed before 1.0, but I think
+  they're kind of a good idea.
+
 0.8.0:
 - Significant overhaul to styles:
   The goal of Jetpack is to be a bootstrap that helps without hurting,
@@ -33,6 +42,7 @@ Changelog:
 - Changed interface module to all mixins
 - Added "Defaults" module for grabbing the old selectors
 - Changed div.alert_message to div.message in defaults
+- Added $light-line style
 
 0.7.0:
 - Added `nav_link_to` helper for creating navigation links.

data/lib/jetpack/version.rb

@@ -1,3 +1,3 @@
 module Jetpack
-	VERSION = "0.8.0"
+	VERSION = "0.8.1"
 end

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

@@ -25,19 +25,26 @@
 
   Have fun, happy coding!
   --------------------------------------------------  */
-// STYLE INCLUDES
+
+// BULK INCLUDES
 @include text;
 @include headings;
 @include lists;
 @include preformatting;
 @include tabs-pills;
 @include pagination;
-@include tables;
 
 // JS DEFAULT STYLES
 @include js-styles;
 
 // UBIQUITOUS DEFAULTS
+
+// INTERFACE ELEMENTS
 span.label { @include label; }
 a.button, span.button { @include button; }
 div.message { @include message; }
+
+// TABLE STYLES
+table.simple { @include table-style-simple; }
+table.shaded { @include table-style-shaded; }
+table.striped { @include table-style-striped; }

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

@@ -1,7 +1,7 @@
 // TODO - Add full comments here
 // COLOR DEFINITIONS
 $light1: #EAEBEC;
-$light2: #9A9FA0;
+$light2: #C9CACB;
 
 $dark1: #3C3E40;
 $dark2: #262728;
@@ -26,7 +26,8 @@ $black: #000000;
 
 // LINE STYLES
 $light-line: 1px solid $light1;
-$dark-link: 1px solid $dark1;
+$medium-line: 1px solid $light2;
+$dark-line: 1px solid $dark1;
 
 // TYPOGRAPHY DEFINITIONS
 $sans: "Helvetica Neue", "Helvetica", "Arial", sans-serif;

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

@@ -1,33 +1,123 @@
-/* Tables +
- * Largely taken from Twitter Bootstrap v1.3,
- * with customizations and adaptations to make it more "sassy".
+/* Jetpack Tables
+ * Initially inspired by the style of the tables in Twitter Bootstrap v1.3.
+ * This module provides some convenient mixins for common table types. Most
+ * important is the "simple" style, which is very easy to layer your own styles
+ * on top of. The Whole Table Styles are a good example of how to piece together
+ * your own style groups from standardized components, which will make your
+ * design more consistent (and save you a lot of keystrokes over time).
  * ---------------------------------------------------------------------------------------- */
 
-// TODO: V0.9: Redo this
-@mixin tables {
-	table {
-		width: 100%; margin-bottom: $baseline; padding: 0; border: 1px solid $light1;
-		border-collapse: separate; // Done so we can round those corners!
-		*border-collapse: collapse; /* IE7, collapse table to remove spacing */
-		@include border-radius(4px);
-		th, td { padding: 10px 10px 9px; line-height: $baseline; text-align: left; }
-		th { padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid $light1; }
-		td { vertical-align: top; }
-		th + th, td + td { border-left: 1px solid $light1; }
-		tr + tr td { border-top: 1px solid $light1; }
-		tbody tr:first-child td:first-child { @include border-radius(4px 0 0 0); }
-		tbody tr:first-child td:last-child { @include border-radius(0 4px 0 0); }
-		tbody tr:last-child td:first-child { @include border-radius(0 0 0 4px); }
-		tbody tr:last-child td:last-child { @include border-radius(0 0 4px 0); }
+// WHOLE TABLE STYLES
+@mixin table-style-simple {
+	@include table-style-base;
+	td { @include table-td-style-base; }
+	th { @include table-th-style-base; }
+	thead { @include table-thead-style-simple; }
+	tbody { @include table-tbody-style-simple; }
+	caption { @include caption-style-simple; }
+}
+
+@mixin table-style-shaded( $c: $light1 ) {
+	@include table-style-base( $c );
+	td { @include table-td-style-base; }
+	th { @include table-th-style-shaded( $c ); }
+	thead { @include table-thead-style-shaded( $c ); }
+	tbody { @include table-tbody-style-shaded( $c ); }
+	caption { @include caption-style-simple; }
+}
+
+@mixin table-style-striped( $c: $light1 ) {
+	@include table-style-base( $c );
+	td { @include table-td-style-base; }
+	th { @include table-th-style-base; }
+	thead { @include table-thead-style-simple( $c ); }
+	tbody { @include table-tbody-style-striped( $c ); }
+	caption { @include caption-style-simple; }
+	@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;
+}
+
+@mixin table-th-style-base {
+	@include table-td-style-base;
+	vertical-align: middle; font-weight: 700;
+}
+
+@mixin table-th-style-shaded( $c: $light1 ) {
+	@include table-th-style-base;
+	background: $c;
+}
+
+// THEAD STYLES
+@mixin table-thead-style-simple( $c: $light1 ) {
+	$style: 1px solid $c;
+	th { border-bottom: $style; border-left: $style; }
+	th:first-child { border-left: none; }
+}
+
+@mixin table-thead-style-shaded( $c: $light1 ) {
+	$style: 1px solid darken($c, 5%);
+	th { border-bottom: $style; border-left: $style; }
+	th:first-child { border-left: none; }
+}
+
+// TBODY STYLES
+@mixin table-tbody-style-base( $c: $light1 ) {
+	$style: 1px solid $c;
+	td { border-left: $style; border-top: $style; }
+	th:first-child, td:first-child { border-left: none; }
+	tr:last-child td:first-child { @include border-radius(0 0 0 4px); }
+	tr:last-child td:last-child { @include border-radius(0 0 4px 0); }
+}
+
+@mixin table-tbody-style-simple( $c: $light1 ) {
+	@include table-tbody-style-base( $c );
+	$style: 1px solid $c;
+	th { border-top: $style; }
+	tr:first-child {
+		td, th { border-top: none; }
+	}
+}
+
+@mixin table-tbody-style-shaded( $c: $light1 ) {
+	@include table-tbody-style-base( $c );
+	$darker: 1px solid darken($c, 5%);
+	th { border-top: $darker; border-left: $darker; }
+	th + td { border-left: $darker; }
+	tr:first-child {
+		td, th { border-top: none; }
 	}
+}
 
+@mixin table-tbody-style-striped( $c: $light1 ) {
+	@include table-tbody-style-simple( $c );
+	tr:nth-child(odd) {
+		th, td { background: lighten($c, 5%); }
+	}
+}
 
-	// ZEBRA-STRIPING
-	// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-	table.striped {
-		tbody {
-			tr:nth-child(odd) td { background-color: $light1; }
-			tr:hover td { background-color: darken( $light1, 5% ); }
+@mixin table-style-striped-no-header-style( $c: $light1 ) {
+	caption + tbody {
+		tr:nth-child(odd) {
+			th, td { background: none; }
+		}
+		tr:nth-child(even) {
+			th, td { background: lighten($c, 5%); }
 		}
 	}
 }
+
+// CAPTIONS
+@mixin caption-style-simple {
+	font-weight: 700; font-size: $base_size - 1px;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jetpack-rails
 version: !ruby/object:Gem::Version
-  version: 0.8.0
+  version: 0.8.1
 platform: ruby
 authors:
 - Andrew Burleson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-01 00:00:00.000000000 Z
+date: 2013-08-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails