jetpack-rails 0.7.1 → 0.8.0

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

@@ -1,66 +1,71 @@
 /* Navigation +
  * Based on Twitter Bootstrap
  * ---------------------------------------------------------------------------------------- */
- 
-.tab_container div, .pill_container div {
-	display: none;
-	&.active { display: block; }
-}
 
-// Common tab and pill styles
-.tabs, .pills { margin: 0 0 20px; padding: 0; @include clearfix();
-	li {
-		display: inline;
-		a { float: left; width: auto; }
+ // TODO - V0.9: redo tabs, pills.
+ @mixin tabs-pills {
+	.tab_container div, .pill_container div {
+		display: none;
+		&.active { display: block; }
 	}
-}
 
-// Basic Tabs
-.tabs {
-	width: 100%; border-bottom: 1px solid $light2;
-	li {
-		a {
-			margin: 0 0 -1px 2px; padding: 0 15px; line-height: ($baseline * 2) - 1; @include border-radius(3px 3px 0 0);
-			&:hover { background: $light1; border-bottom: 1px solid $light2; color: $dark2; text-decoration: none; }
-			&.active { background: $color1; padding: 0 14px; border: 1px solid $light2; border-bottom: 0; color: $dark1; text-decoration: none; }
+	// Common tab and pill styles
+	.tabs, .pills { margin: 0 0 20px; padding: 0; @include clearfix();
+		li {
+			display: inline;
+			a { float: left; width: auto; }
 		}
 	}
-}
 
-// Basic pill nav
-.pills {
-	li {
-		a {
-			margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px $white; line-height: 30px; @include border-radius(15px);
-			&:hover { background: $light1; color: $dark2; text-decoration: none; text-shadow: 0 1px $white; }
-			&.active { background: $color1; color: $dark2; text-shadow: 0 1px lighten( $color1, 15% ); text-decoration: none; }
+	// Basic Tabs
+	.tabs {
+		width: 100%; border-bottom: 1px solid $light2;
+		li {
+			a {
+				margin: 0 0 -1px 2px; padding: 0 15px; line-height: ($baseline * 2) - 1; @include border-radius(3px 3px 0 0);
+				&:hover { background: $light1; border-bottom: 1px solid $light2; color: $dark2; text-decoration: none; }
+				&.active { background: $color1; padding: 0 14px; border: 1px solid $light2; border-bottom: 0; color: $dark1; text-decoration: none; }
+			}
 		}
 	}
-}
 
-// PAGINATION
-.pagination { height: $baseline * 2; margin: $baseline 0;
-	// List Style Pagination
-	ul {
-		float: left; margin: 0; border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05)); clear: both;
+	// Basic pill nav
+	.pills {
 		li {
-			display: inline;
-			a { float: left; padding: 0 14px; line-height: ($baseline * 2) - 2; border-right: 1px solid; border-right-color: $light2; text-decoration: none; }
-			a:hover, &.active a { background-color: $color1; color: $white; }
-			&.disabled a, &.disabled a:hover { background-color: transparent; color: $light2; }
-			&.next a { border: 0; }
+			a {
+				margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px $white; line-height: 30px; @include border-radius(15px);
+				&:hover { background: $light1; color: $dark2; text-decoration: none; text-shadow: 0 1px $white; }
+				&.active { background: $color1; color: $dark2; text-shadow: 0 1px lighten( $color1, 15% ); text-decoration: none; }
+			}
 		}
 	}
 }
 
-// Kaminari Style Pagination
-nav.pagination {
-	float: left; clear: both; height: $baseline * 2; margin: $baseline 0;
-	border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05));
-	span { display: block; float: left; border-left: 1px solid $light2; line-height: ($baseline * 2); padding: 0 14px; 
-		&:hover { background-color: $light1; }
-		&.current {background-color: $color1; color: $white; }
-		&:first-child { border: 0; }
-		a { text-decoration: none; color: inherit; }
+// TODO - V0.9: redo pagination
+@mixin pagination {
+	.pagination { height: $baseline * 2; margin: $baseline 0;
+		// List Style Pagination
+		ul {
+			float: left; margin: 0; border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05)); clear: both;
+			li {
+				display: inline;
+				a { float: left; padding: 0 14px; line-height: ($baseline * 2) - 2; border-right: 1px solid; border-right-color: $light2; text-decoration: none; }
+				a:hover, &.active a { background-color: $color1; color: $white; }
+				&.disabled a, &.disabled a:hover { background-color: transparent; color: $light2; }
+				&.next a { border: 0; }
+			}
+		}
+	}
+
+	// Kaminari Style Pagination
+	nav.pagination {
+		float: left; clear: both; height: $baseline * 2; margin: $baseline 0;
+		border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05));
+		span { display: block; float: left; border-left: 1px solid $light2; line-height: ($baseline * 2); padding: 0 14px;
+			&:hover { background-color: $light1; }
+			&.current {background-color: $color1; color: $white; }
+			&:first-child { border: 0; }
+			a { text-decoration: none; color: inherit; }
+		}
 	}
-}
+}

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

@@ -1,3 +1,4 @@
+// TODO - Add full comments here
 // COLOR DEFINITIONS
 $light1: #EAEBEC;
 $light2: #9A9FA0;
@@ -23,12 +24,23 @@ $error2: #D64338;
 $white: #FFFFFF;
 $black: #000000;
 
+// LINE STYLES
+$light-line: 1px solid $light1;
+$dark-link: 1px solid $dark1;
+
 // TYPOGRAPHY DEFINITIONS
 $sans: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 $serif: "Georgia", "Times", "Times New Roman", serif;
 $mono: "Monaco", "Andale Mono", "Courier New", monospace;
 
 $base_font: $sans;
-$base_size: 13px;
+$base_size: 15px;
 $base_weight: 400;
-$baseline: 18px;
+$baseline: 20px;
+
+// LAYOUT DEFAULTS
+$responsive: true;
+$desktop: 1000px;
+$tablet: 760px;
+$mobile: 280px;
+$margin: 20px;

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

@@ -2,22 +2,17 @@
  * Resetize
  * A mashup of "Normalize" and "Formalize".
  * -----------------------------------------------------------------------------------------*/
- 
 
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
 
-/* Normalize.css +
- * normalize.css 2011-08-31T22:02 UTC	 http://github.com/necolas/normalize.css
- *
- * with customizations to make it more "sassy" and more modular.
- * ---------------------------------------------------------------------------------------- */
-
-/* =============================================================================
-	 HTML5 display definitions
-	 ========================================================================== */
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
 
-/*
- * Corrects block display not defined in IE6/7/8/9 & FF3
+/**
+ * Correct `block` display not defined in IE 8/9.
  */
+
 article,
 aside,
 details,
@@ -26,260 +21,250 @@ figure,
 footer,
 header,
 hgroup,
+main,
 nav,
-section {
-		display: block;
+section,
+summary {
+    display: block;
 }
 
-/*
- * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
  */
+
 audio,
 canvas,
 video {
-		display: inline-block;
-		*display: inline;
-		*zoom: 1;
+    display: inline-block;
 }
 
-/*
- * Prevents modern browsers from displaying 'audio' without controls
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
  */
+
 audio:not([controls]) {
-		display: none;
+    display: none;
+    height: 0;
 }
 
-/*
- * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
- * Known issue: no IE6 support
+/**
+ * Address styling not present in IE 8/9.
  */
 
 [hidden] {
-		display: none;
+    display: none;
 }
 
+/* ==========================================================================
+   Base
+   ========================================================================== */
 
-/* =============================================================================
-	 Base
-	 ========================================================================== */
-
-/*
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
- *		http://clagnut.com/blog/348/#c790
- * 2. Keeps page centred in all browsers regardless of content height
- * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
- *		www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
  */
 
 html {
-		font-size: 100%; /* 1 */
-		overflow-y: scroll; /* 2 */
-		-webkit-text-size-adjust: 100%; /* 3 */
-		-ms-text-size-adjust: 100%; /* 3 */
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
 }
 
-/*
- * Addresses margins handled incorrectly in IE6/7
+/**
+ * Remove default margin.
  */
 
 body {
-		margin: 0;
+    margin: 0;
 }
 
-/* 
- * Addresses font-family inconsistency between 'textarea' and other form elements.
+p {
+  margin: 3px 0 12px;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
  */
 
-body,
-button,
-input,
-select,
-textarea {
-		font-family: sans-serif;
+a:focus {
+    outline: thin dotted;
 }
 
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
 
-/* =============================================================================
-	 Links
-	 ========================================================================== */
-
-a { color: $color1; text-decoration: none;
-	&:hover { text-decoration: underline; outline: 0; } // Improves readability when focused and also mouse hovered in all browsers
-	&:active { color: lighten( $color1, 10% ); }
-	&:visited { color: $color1; }
-	&:focus { outline: thin dotted;} // Addresses outline displayed oddly in Chrome
+a:active,
+a:hover {
+    outline: 0;
 }
 
-/* =============================================================================
-	 Typography
-	 ========================================================================== */
+/* ==========================================================================
+   Typography
+   ========================================================================== */
 
-/*
- * Addresses styling not present in IE7/8/9, S5, Chrome
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
  */
 
-abbr[title] {
-		border-bottom: 1px dotted;
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
 }
 
-/*
- * Set address to not be italics by default.
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
-address { font-style: inherit; }
 
-/*
- * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
-*/
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
 
-b, 
-strong { 
-		font-weight: bold; 
+b,
+strong {
+    font-weight: bold;
 }
 
-/*
- * Addresses styling not present in S5, Chrome
+/**
+ * Address styling not present in Safari 5 and Chrome.
  */
 
 dfn {
-		font-style: italic;
+    font-style: italic;
 }
 
-/*
- * Addresses styling not present in IE6/7/8/9
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
  */
 
 mark {
-		background: #ff0;
-		color: #000;
+    background: #ff0;
+    color: #000;
 }
 
-/*
- * Corrects font family set oddly in IE6, S4/5, Chrome
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
  */
 
-pre,
 code,
 kbd,
+pre,
 samp {
-		font-family: monospace, serif;
-		_font-family: 'courier new', monospace;
-		font-size: 1em;
+    font-family: monospace, serif;
+    font-size: 1em;
 }
 
-/*
- * Improves readability of pre-formatted text in all browsers
+/**
+ * Improve readability of pre-formatted text in all browsers.
  */
 
 pre {
-		white-space: pre;
-		white-space: pre-wrap;
-		word-wrap: break-word;
+    white-space: pre-wrap;
 }
 
-/*
- * 1. Addresses CSS quotes not supported in IE6/7
- * 2. Addresses quote property not supported in S4
+/**
+ * Set consistent quote types.
  */
 
-/* 1 */
-
 q {
-		quotes: none;
+    quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
-/* 2 */
-
-q:before,
-q:after {
-		content: '';
-		content: none;
-}
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
 
 small {
-		font-size: 75%;
+    font-size: 80%;
 }
 
-/*
- * Prevents sub and sup affecting line-height in all browsers
- * gist.github.com/413930
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 
 sub,
 sup {
-		font-size: 75%;
-		line-height: 0;
-		position: relative;
-		vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
 }
 
 sup {
-		top: -0.5em;
+    top: -0.5em;
 }
 
 sub {
-		bottom: -0.25em;
+    bottom: -0.25em;
 }
 
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
 
-/* =============================================================================
-	 Lists
-	 ========================================================================== */
-
-ul, ol { margin: 0; padding: 0; }
-dd { margin: 0; }
-nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; }
-
-
-/* =============================================================================
-	 Embedded content
-	 ========================================================================== */
-
-/*
- * 1. Removes border when inside 'a' element in IE6/7/8/9, F3
- * 2. Improves image quality when scaled in IE7
- *		code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+/**
+ * Remove border when inside `a` element in IE 8/9.
  */
 
 img {
-		border: 0; /* 1 */
-		-ms-interpolation-mode: bicubic; /* 2 */
+    border: 0;
 }
 
-/*
- * Corrects overflow displayed oddly in IE9 
+/**
+ * Correct overflow displayed oddly in IE 9.
  */
 
 svg:not(:root) {
-		overflow: hidden;
+    overflow: hidden;
 }
 
+/* ==========================================================================
+   Figures
+   ========================================================================== */
 
-/* =============================================================================
-	 Figures
-	 ========================================================================== */
-
-/*
- * Addresses margin not present in IE6/7/8/9, S5, O11
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
  */
 
 figure {
-		margin: 0;
+    margin: 0;
 }
 
-/* =============================================================================
-	 Tables
-	 ========================================================================== */
+/* ==========================================================================
+   Tables
+   ========================================================================== */
 
-/* 
- * Remove most spacing between table cells
+/**
+ * Remove most spacing between table cells.
  */
 
 table {
-		border-collapse: collapse;
-		border-spacing: 0;
+    border-collapse: collapse;
+    border-spacing: 0;
 }
 
+
 /* Formalize.css
  * with customizations and adaptations to make it more "sassy".
  * ---------------------------------------------------------------------------------------- */
@@ -303,42 +288,14 @@ textarea {
 	vertical-align: middle;
 }
 
-input[type="radio"],
 input[type="checkbox"] {
-	position: relative;
-	vertical-align: top;
-	top: 2px;
-	/* IE8, IE9, IE10 */
-	top: 0\0;
-	/* IE7 */
-	*top: -3px;
+  position: relative;
+  bottom: 1px;
 }
 
-/* iPad */
-@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
-	input[type="radio"],
-	input[type="checkbox"] {
-		vertical-align: baseline;
-		top: 2px;
-	}
-}
-
-/* iPhone 3 */
-@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
-	input[type="radio"],
-	input[type="checkbox"] {
-		vertical-align: baseline;
-		top: 0;
-	}
-}
-
-/* iPhone 4 */
-@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
-	input[type="radio"],
-	input[type="checkbox"] {
-		vertical-align: baseline;
-		top: 0;
-	}
+input[type="radio"] {
+  position: relative;
+  bottom: 2px;
 }
 
 button,

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

@@ -3,30 +3,31 @@
  * with customizations and adaptations to make it more "sassy".
  * ---------------------------------------------------------------------------------------- */
 
-
-// BASELINE STYLES
-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); }
-}
+// 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); }
+	}
 
 
-// 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% ); }
+	// 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% ); }
+		}
 	}
-}
+}