atlas_assets 0.1.3 → 0.1.4

data/Gemfile.lock

@@ -9,7 +9,7 @@ GIT
 PATH
   remote: .
   specs:
-    atlas_assets (0.1.3)
+    atlas_assets (0.1.4)
       handlebars_assets (~> 0.12.1)
 
 GEM

data/docs/_posts/2013-05-17-buttons.md

@@ -35,9 +35,11 @@ Colors
 <p><a href="#" class="btn blue">Blue</a></p>
 <p><a href="#" class="btn red">Red</a></p>
 <p><a href="#" class="btn green">Green</a></p>
+<p><a href="#" class="btn disabled">Disabled</a></p>
 
 ~~~html
 <a href="#" class="btn blue">Blue</a>
 <a href="#" class="btn red">Red</a>
 <a href="#" class="btn green">Green</a>
+<a href="#" class="btn disabled">Disabled</a>
 ~~~

data/docs/_posts/2013-05-22-boxes.md

@@ -12,10 +12,10 @@ The `atlas_assets` gem ships with a few styles you can apply to `div` elements,
 Default Box
 -----------
 
-Add a `.box` class to a `div` element to style as a sectioned box.
+Add a `.box` class to a `<div>` element to style as a sectioned box. The box has a no-op `.box-inner` div, and an optional `<h3>` element. The heading can hold a `<small>` tag that is automatically pulled to the right.
 
 <div class="box">
-	<h3>Heading</h3>
+	<h3>Heading <small>This goes to the right!</small></h3>
 	<div class="box-inner">
 		<p>This is a box with some content</p>
 	</div>
@@ -23,9 +23,28 @@ Add a `.box` class to a `div` element to style as a sectioned box.
 
 ~~~html
 <div class="box">
+	<h3>Heading <small>This goes to the right!</small></h3>
+	<div class="box-inner">
+		<p>This is a box with some content</p>
+	</div>
+</div>
+~~~
+
+
+Styles
+------
+
+Add `.box-white` to create a box with slightly better contrast.
+
+<div class="box box-white">
 	<h3>Heading</h3>
 	<div class="box-inner">
 		<p>This is a box with some content</p>
 	</div>
 </div>
+
+~~~html
+<div class="box box-white">
+	...
+</div>
 ~~~

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

@@ -6,6 +6,7 @@
 
 .box .box-inner {
 	padding: 15px;
+	@include clearfix();
 }
 
 .box h3 {
@@ -14,6 +15,12 @@
 	margin: 0;
 	background-color: $light_gray;
 	border-bottom: 1px solid $gray;
+	@include clearfix();
+}
+
+.box h3 small {
+	float: right;
+	font-size: 14px;
 }
 
 .box .box-inner *:first-child {
@@ -22,4 +29,19 @@
 
 .box .box-inner *:last-child {
 	margin-bottom: 0;
+}
+
+/* Box Styles
+--------------------------------------------------------- */
+
+.box.box-white {
+	background-color: $white;
+	border: 2px solid $lighter_gray;
+	color: $darker_gray;
+}
+
+.box.box-white h3 {
+	background-color: $lightest_gray;
+	color: $darker_gray;
+	border-bottom-color: $lighter_gray;
 }

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

@@ -54,4 +54,9 @@ _________________________________________________________________ */
 
 .btn.green {
 	background-color: $green;
+}
+
+.btn.disabled {
+	background-color: $light_gray;
+	color: $mid_gray;
 }

data/lib/atlas_assets/version.rb

@@ -1,5 +1,5 @@
 module Atlas
 	module Assets
-		VERSION = "0.1.3"
+		VERSION = "0.1.4"
 	end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: atlas_assets
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
   prerelease: 
 platform: ruby
 authors: