atlas_assets 0.1.0 → 0.1.1

data/docs/_posts/{2013-05-17-navbar.md → 2013-05-17-navigation.md}

@@ -1,11 +1,11 @@
 ---
 layout: default
-title:  "Navbar"
+title:  "Navigation"
 date:   2013-05-17 23:24:04
 ---
 
-Navbar
-======
+Navigation
+==========
 
 Basic Navbar
 -------------
@@ -32,8 +32,7 @@ Basic Navbar
 </div>
 ~~~
 
-Alignment
--------------
+### Alignment
 
 You can align a `.nav` to the right by appending a `.pull-right` class.
 
@@ -54,8 +53,7 @@ You can align a `.nav` to the right by appending a `.pull-right` class.
 </ul>
 ~~~
 
-Forms
------------------
+### Input
 
 <div class="navbar">
 	<div class="navbar-inner">
@@ -70,4 +68,31 @@ Forms
 <ul class="nav pull-right">
   <li><form><input type="text" placeholder="Search ..." /></form></li>
 </ul>
-~~~
+~~~
+
+Footer
+------
+
+The gem also includes style for a footer. It can be used with `.row` and `.spanNUM` classes. `<ul>` elements in the footer will automatically get styled without bullets, and with a special header font applied to the first `<li>`. The footer should be used outside the `.container` class, with a `.container` element inside the footer.
+
+<footer>
+	<div class="row">
+		<div class="span1">&nbsp;</div>
+		<div class="span3">
+			<ul>
+				<li>About O'Reilly</li>
+				<li><a href="#">Academic Solutions</a></li>
+				<li><a href="#">Jobs</a></li>
+				<li><a href="#">Contact</a></li>
+			</ul>
+		</div>
+		<div class="span4">
+			<ul>
+				<li>Community</li>
+				<li><a href="#">Authors</a></li>
+				<li><a href="#">Forum</a></li>
+				<li><a href="#">Membership</a></li>
+			</ul>
+		</div>
+	</div>
+</footer>

data/lib/assets/stylesheets/atlas_assets.scss

@@ -4,7 +4,7 @@
 @import "atlas_assets/fonts";
 @import "atlas_assets/grid";
 @import "atlas_assets/navbar";
-@import "atlas_assets/utilities";
+@import "atlas_assets/footer";
 @import "atlas_assets/icons";
 @import "atlas_assets/boxes";
 @import "atlas_assets/buttons";
@@ -12,6 +12,7 @@
 @import "atlas_assets/code";
 @import "atlas_assets/flash";
 @import "atlas_assets/forms";
+@import "atlas_assets/utilities";
 
 @import "atlas_assets/responsive-utilities";
 @import "atlas_assets/responsive-768-979";

data/lib/assets/stylesheets/atlas_assets/_buttons.scss

@@ -1,7 +1,7 @@
 .btn {
 	display: inline-block;
 	color: $white;
-	background-color: $dark_gray;
+	background-color: $darker_gray;
 	cursor: pointer;
 	padding: 4px 12px;
 	text-decoration: none;

data/lib/assets/stylesheets/atlas_assets/_fonts.scss

@@ -21,7 +21,7 @@ body {
   font-family: $sansFontFamily;
   font-size: $baseFontSize;
   line-height: $baseLineHeight;
-  color: $dark_gray;
+  color: $darker_gray;
 }
 
 h1, h2, h3, h4, h5 {

data/lib/assets/stylesheets/atlas_assets/_footer.scss

@@ -0,0 +1,27 @@
+footer {
+	background-color: $light_gray;
+	padding: 20px 0px;
+}
+
+footer ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+footer ul li {
+	margin: 0;
+	padding: 0;
+
+	&:first-child {
+		font-family: $menuFontFamily;
+		font-weight: 400;
+		font-size: 14px;
+		color: $mid_gray;
+		margin-bottom: 10px;
+
+		a {
+			color: $lighter_blue;
+		}
+	}
+}

data/lib/assets/stylesheets/atlas_assets/_forms.scss

@@ -334,7 +334,7 @@ input[type="checkbox"][readonly] {
   vertical-align: middle;
   font-size: 0; // white space collapse hack
   white-space: nowrap; // Prevent span and input from separating
-  color: $dark_gray;
+  color: $darker_gray;
 
   // Reset the white space collapse hack
   input,
@@ -382,7 +382,7 @@ input[type="checkbox"][readonly] {
 .input-prepend .btn {
   background-color: $light_gray;
   border: 2px solid $light_gray;
-  color: $dark_gray;
+  color: $darker_gray;
   margin: 0;
   border-left: 0;
 }

data/lib/assets/stylesheets/atlas_assets/_lists.scss

@@ -12,7 +12,7 @@
 	a {
 		display: block;
 		padding: 13px 10px;
-		color: $dark_gray;
+		color: $darker_gray;
 
 		i.icon-arrow-right-2 {
 			float: right;
@@ -23,7 +23,7 @@
 	a:hover {
 		color: $blue;
 		i.icon-arrow-right-2 {
-			color: $dark_gray;
+			color: $darker_gray;
 		}
 	}
 

data/lib/assets/stylesheets/atlas_assets/_mixins.scss

@@ -1,19 +1,10 @@
-/* Fonts
+/* Helpers
 ------------------------------------------------- */
 
-@mixin menu-font() {
-  font-family: $menuFontFamily;
-  font-weight: 700;
-  font-size: 15px;
-}
-
 @mixin smooth() {
   -webkit-font-smoothing: antialiased;
 }
 
-/* Helpers
-------------------------------------------------- */
-
 @mixin clearfix {
   *zoom: 1;
   &:before,

data/lib/assets/stylesheets/atlas_assets/_navbar.scss

@@ -1,10 +1,10 @@
 .navbar {
   background-color: $red;
   color: $white;
-  font-family: Lato, Helvetica, sans-serif;
+  font-family: $menuFontFamily;
   font-weight: 700;
   font-size: 15px;
-  -webkit-font-smoothing: antialiased;
+  @include smooth();
 }
 
 .navbar:after {
@@ -100,13 +100,8 @@
   margin: 0;
 }
 
-.navbar .nav input[type="text"]::-webkit-input-placeholder
-{
-  color: #FFF;
-}
-
-.navbar .nav input[type="text"]:-moz-placeholder {
-  color: #FFF;
+.navbar .nav input[type="text"] {
+  @include placeholder($white)
 }
 
 /* Focus */
@@ -115,11 +110,6 @@
   background-color: rgb(199, 55, 70);
 }
 
-.navbar .nav input[type="text"]:focus::-webkit-input-placeholder
-{
-  color: rgb(207, 98, 98);
-}
-
-.navbar .nav input[type="text"]:focus:-moz-placeholder {
-  color: rgb(207, 98, 98);
+.navbar .nav input[type="text"]:focus {
+  @include placeholder($lighter_red)
 }

data/lib/assets/stylesheets/atlas_assets/_reset.scss

@@ -1,8 +1,7 @@
-//
-// Reset CSS
-// Adapted from http://github.com/necolas/normalize.css
-// --------------------------------------------------
-
+html, body {
+  padding: 0;
+  margin: 0;
+}
 
 // Display in IE6-9 and FF3
 // -------------------------

data/lib/assets/stylesheets/atlas_assets/_variables.scss

@@ -2,23 +2,25 @@
 ------------------------------------------------------- */
 
 $red:             		#ac2f3c !default;
+$lighter_red:					#cf6262 !default;
 $lightest_red:				#f1d4d4 !default;
 
 $blue:								#2c7db1 !default;
 $lighter_blue: 				#a9cadf !default;
 $lightest_blue:				#e0eaed !default;
-
+	
 $green:								#91b35b !default;
 $lightest_yellow:			#f3f3c3 !default;
 
 $darkest_gray:				#242424 !default;
-$dark_gray:						#333 !default;
+$darker_gray:					#333333 !default;
 $medium_gray:					#808080 !default;
+$mid_gray:						#aaaaaa !default;
 $gray:								#d1d1d1 !default;
 $light_gray:					#e0e0e0 !default;
 $lighter_gray:				#ececec !default;
 $lightest_gray:				#f6f6f6 !default;
-$white:               #fff !default;
+$white:               #ffffff !default;
 
 /* Fonts
 ------------------------------------------------------- */

data/lib/atlas_assets/version.rb

@@ -1,5 +1,5 @@
 module Atlas
 	module Assets
-		VERSION = "0.1.0"
+		VERSION = "0.1.1"
 	end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: atlas_assets
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
   prerelease: 
 platform: ruby
 authors:
@@ -36,7 +36,6 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - Gemfile
-- Gemfile.lock
 - LICENSE
 - Procfile
 - README.md
@@ -55,7 +54,7 @@ files:
 - docs/_posts/2013-05-17-helpers.md
 - docs/_posts/2013-05-17-icons.md
 - docs/_posts/2013-05-17-lists.md
-- docs/_posts/2013-05-17-navbar.md
+- docs/_posts/2013-05-17-navigation.md
 - docs/_posts/2013-05-21-forms.md
 - docs/_posts/2013-05-22-boxes.md
 - docs/index.html
@@ -79,6 +78,7 @@ files:
 - lib/assets/stylesheets/atlas_assets/_code.scss
 - lib/assets/stylesheets/atlas_assets/_flash.scss
 - lib/assets/stylesheets/atlas_assets/_fonts.scss
+- lib/assets/stylesheets/atlas_assets/_footer.scss
 - lib/assets/stylesheets/atlas_assets/_forms.scss
 - lib/assets/stylesheets/atlas_assets/_grid.scss
 - lib/assets/stylesheets/atlas_assets/_icons.scss

data/Gemfile.lock

@@ -1,86 +0,0 @@
-GIT
-  remote: git://github.com/ixti/jekyll-assets.git
-  revision: a04c7628f4746f2b159cb0c5925876368d0029c1
-  specs:
-    jekyll-assets (0.5.1)
-      jekyll (~> 1.0)
-      sprockets (~> 2.9)
-
-PATH
-  remote: .
-  specs:
-    atlas_assets (0.1.0)
-      handlebars_assets (~> 0.12.1)
-
-GEM
-  remote: https://rubygems.org/
-  specs:
-    classifier (1.3.3)
-      fast-stemmer (>= 1.0.0)
-    coderay (1.0.9)
-    colorator (0.1)
-    commander (4.1.3)
-      highline (~> 1.6.11)
-    directory_watcher (1.4.1)
-    execjs (1.4.0)
-      multi_json (~> 1.0)
-    fast-stemmer (1.0.2)
-    handlebars_assets (0.12.1)
-      execjs (>= 1.2.9)
-      sprockets (>= 2.0.3)
-      tilt
-    highline (1.6.19)
-    hike (1.2.2)
-    jekyll (1.0.2)
-      classifier (~> 1.3)
-      colorator (~> 0.1)
-      commander (~> 4.1.3)
-      directory_watcher (~> 1.4.1)
-      kramdown (~> 1.0.2)
-      liquid (~> 2.3)
-      maruku (~> 0.5)
-      pygments.rb (~> 0.5.0)
-      safe_yaml (~> 0.7.0)
-    kramdown (1.0.2)
-    liquid (2.5.0)
-    maruku (0.6.1)
-      syntax (>= 1.0.0)
-    multi_json (1.7.3)
-    posix-spawn (0.3.6)
-    puma (2.0.1)
-      rack (>= 1.1, < 2.0)
-    pygmentize (0.0.3)
-    pygments.rb (0.5.0)
-      posix-spawn (~> 0.3.6)
-      yajl-ruby (~> 1.1.0)
-    rack (1.5.2)
-    rack-contrib (1.1.0)
-      rack (>= 0.9.1)
-    rack-rewrite (1.3.3)
-    rake (10.0.4)
-    safe_yaml (0.7.1)
-    sass (3.2.9)
-    sprockets (2.9.3)
-      hike (~> 1.2)
-      multi_json (~> 1.0)
-      rack (~> 1.0)
-      tilt (~> 1.1, != 1.3.0)
-    syntax (1.0.0)
-    tilt (1.4.1)
-    yajl-ruby (1.1.0)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  atlas_assets!
-  coderay
-  jekyll
-  jekyll-assets!
-  kramdown
-  puma
-  pygmentize (~> 0.0.3)
-  rack-contrib
-  rack-rewrite
-  rake
-  sass