jetpack-rails 0.9.3 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 579fbc4685f0e6df66c0728557a50d29d40d3804
-  data.tar.gz: d1954f68ab5bb14176047580ccff9a5b1f4cf18d
+  metadata.gz: 82248d58d8ac75c8dad2f4c72e4869205449ec10
+  data.tar.gz: 6a201d0dc1144e3e644ecbf443b1f9339719a467
 SHA512:
-  metadata.gz: e65a9a0f457fe6026247fe4136b1b4bf5646677f6b8a1ec78c99c229ea8e990aaed22a154f6a20fd3653157d0103ff721d4e50b93a4cb0dacdeaf3320b93a8d3
-  data.tar.gz: 535f81321041e78190830645bd527db692949ed5918277148b34045b22e48ffd08592fff6aacaa519ff3dc313e35ec20d879ddab0353aa12ed4a2b40e58de91b
+  metadata.gz: dad5335db2896d24cb597cf79e34d67480d3f4e901d459a4a0d44bd8d7f72a1e1c9d68f107cbed31ae2ad7c1ce7de6c1b69beb5210a9ab3bff98f25f5d165382
+  data.tar.gz: 415e7b4fb3fd28ee8f688fda0414ef58b25d326842917f5ab01c157162967937be8e180ea152edbeaeabc1804e8e7ee127b160947bdc06b2dc023c42579d9057

data/CHANGELOG

@@ -1,19 +1,46 @@
-TODO: V0.10.0
+=======
+ROADMAP
+=======
+
+TODO: V0.10.1
+> 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
+> Change the helpers to be optional (add to application helper using include Jetpack::Helpers)
 > Review the JS
-> Redo js-styles module to be specific to each js component
 > Create a "defaults.js" that works the same way as defaults.css
 > ADD PILLS / TABS to defaults.js
+> Add demo/documentation page for helpers
+> Add demo/documentation page for javascripts
 
-TODO: V0.11.0
+TODO: V0.12.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:
+
+==========
+CHANGELOG:
+==========
+0.10.0:
+- Change modal to use hyphenation, give it its own mixin.
+- Remove js-styles mixin and replace with modal and tipsy mixins.
+- Add full-screen and fill-container mixins to core.
+- Change default border-radius from 5px to $baseline/4.
+- Put downward select-arrow back for select elements.
+- Add margin-right 4px for buttons
+- Change a.button and span.button to default vertical align middle so they line
+  up correctly next to button and input submit
+- Change default $notice2 color to be not so dark
+- Tweak default message styles so they're not so button-y
+- Tweak default drop-shadow style to tone it down a bit
+
 0.9.3:
 - Sigh -- working too fast. Don't include alert message styles in defaults
   until I have a chance go back and redo the way those are generated. Right now
@@ -162,7 +189,7 @@ Changelog:
 
 0.2.2:
 - I disagree with Twitter Boostrap (the main inspiration for the typography styles). List
-	items should definitely not be gray by default. <li>'s will now inherit their color.
+  items should definitely not be gray by default. <li>'s will now inherit their color.
 
 0.2.1:
 - Another minor tweak to danger button style.

data/jetpack-rails.gemspec

@@ -12,6 +12,7 @@ Gem::Specification.new do |s|
   s.description = %q{A sweet boostrap mashup for Rails applications.
   The philosophy is pretty simple, it should make building Rails apps go a lot faster.
   The library prefers modularity over rigidity and mixins over defintions. Check out the github readme for more.}
+  s.license = 'MIT'
 
   s.files         = `git ls-files`.split("\n")
   # s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
@@ -22,4 +23,4 @@ Gem::Specification.new do |s|
   s.add_dependency 'sass-rails', '>= 3.1'
   # s.add_development_dependency "rspec"
   # s.add_runtime_dependency "rest-client"
-end
+end

data/lib/jetpack/version.rb

@@ -1,3 +1,3 @@
 module Jetpack
-	VERSION = "0.9.3"
+	VERSION = "0.10.0"
 end

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

@@ -17,7 +17,7 @@ $(function(){
 		var modalBg = $('.modal_bg');
 
 		if ( modalBg.length == 0 ) {
-			modalBg = $('<div class="modal_bg"></div>').insertAfter(modal);
+			modalBg = $('<div class="modal-bg"></div>').insertAfter(modal);
 		}
 
 		if( modal.not(':visible') ) {
@@ -46,7 +46,7 @@ $(function(){
 			}
 		});
 
-		$('a.close_modal').click( function(event) {
+		$('.close-modal').click( function(event) {
 			event.preventDefault();
 			closeModal();
 		});

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

@@ -13,13 +13,13 @@
 	}
 }
 
-@mixin border-radius( $radius: 5px) {
+@mixin border-radius( $radius: $baseline/4) {
 	-webkit-border-radius: $radius;
 	-moz-border-radius: $radius;
 	border-radius: $radius;
 }
 
-@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
+@mixin box-shadow($shadow: 0 1px 1px rgba(0,0,0,0.4)) {
 	-webkit-box-shadow: $shadow;
 		 -moz-box-shadow: $shadow;
 					box-shadow: $shadow;
@@ -49,3 +49,13 @@
 	margin-#{$side}: $size;
 	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

@@ -32,15 +32,11 @@
 @include lists;
 @include preformatting;
 
-// JS DEFAULT STYLES
-@include js-styles;
-
 // UBIQUITOUS DEFAULTS
 a { color: $color1;
   &:visited { color: $color2; }
 }
 
-
 // INTERFACE ELEMENTS
 span.label { @include label; }
 a.button, span.button { @include button; }

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

@@ -14,7 +14,7 @@
 // BUTTONS
 @mixin button {
 	display: inline-block;
-	vertical-align: baseline;
+	vertical-align: middle;
 	cursor: pointer;
 	@include box-shadow( 0px 1px 1px rgba(0,0,0,0.15) );
 	@include border-radius(4px);
@@ -23,6 +23,7 @@
 	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 ); }
@@ -35,22 +36,24 @@
 // MESSAGES
 @mixin message {
 	@include border-radius(4px); color: $white; padding: 7px 12px; margin-bottom: $baseline; @include box-shadow;
-	&.success { @include buttonize( lighten( $success2, 15% ), $success2); text-shadow: 0px -1px darken( $success2, 15% ); }
-	&.notice { @include buttonize( lighten( $notice2, 15% ), $notice2); color: $dark2; text-shadow: 0px 1px $notice1; }
-	&.error, &.alert { @include buttonize( lighten( $error2, 15% ), $error2); text-shadow: 0px -1px darken( $error2, 15% ); }
+	@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; }
 	}
 }
 
-// STYLES FOR JETPACK JS
-@mixin js-styles {
-	// MODALS
-	div.modal_bg { display: none; position: fixed; background: #000; opacity: 0.8; z-index: 1000; top: 0; left: 0; bottom: 0; right: 0; }
-	div.modal { display: none; top: 40px; left: 50%; margin-left: -359px; width: 700px; background: $dark2; position: absolute; z-index: 1001; padding: $baseline; }
-	div.modal .close_modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }
+// MODALS
+@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; }
+	.modal .close-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }
+}
 
-	// TIPSY
+// TIPSY
+@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); }
 	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
@@ -67,7 +70,5 @@
 	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
 	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
 	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
-
-	// POPOVERS
-	.popover { display: none; }
+	.popover { display: none; } // For Jetpack Tipsy Popover Function
 }

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

@@ -22,7 +22,7 @@ $success1: #9ED186;
 $success2: #447C29;
 
 $notice1: #FFDD92;
-$notice2: #8E6938;
+$notice2: #FEBC0D;
 
 $error1: #F4CBBE;
 $error2: #9B3524;

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

@@ -315,6 +315,7 @@ input[type="button"] {
 	outline: 0;
 	overflow: visible;
 	padding: 3px 10px;
+  margin-right: 4px;
 	text-shadow: #fff 0 1px 1px;
 	width: auto;
 	/* IE7 */
@@ -444,6 +445,9 @@ select[multiple] {
 /* Tweaks for Safari + Chrome. */
 @media (-webkit-min-device-pixel-ratio: 0) {
 	select {
+    background-image: image-url('select-arrow.gif');
+    background-repeat: no-repeat;
+    background-position: right center;
 		padding-right: 20px;
 	}
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jetpack-rails
 version: !ruby/object:Gem::Version
-  version: 0.9.3
+  version: 0.10.0
 platform: ruby
 authors:
 - Andrew Burleson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-15 00:00:00.000000000 Z
+date: 2013-08-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
@@ -43,6 +43,7 @@ files:
 - lib/jetpack/helper.rb
 - lib/jetpack/railtie.rb
 - lib/jetpack/version.rb
+- vendor/assets/images/select-arrow.gif
 - vendor/assets/javascripts/jetpack.js
 - vendor/assets/javascripts/jetpack/alerts.js
 - vendor/assets/javascripts/jetpack/modal.js
@@ -60,7 +61,8 @@ files:
 - vendor/assets/stylesheets/jetpack/tables.css.scss
 - vendor/assets/stylesheets/jetpack/typography.css.scss
 homepage: http://github.com/burlesona/jetpack-rails
-licenses: []
+licenses:
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []