smock 0.1.162 → 0.1.163

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    smock (0.1.162)
+    smock (0.1.163)
       sass (= 3.2.19)
       thor (= 0.19.1)
 

data/app/assets/stylesheets/includes/_forms.sass

@@ -10,7 +10,10 @@ label
   display: block
   font-weight: bold
 
-input,
+input[type="checkbox"]
+  +space(margin-right, 0.5)
+
+input[type="text"],
 textarea
   padding: 0
   margin: 0

data/app/assets/stylesheets/modules/_addon.sass

@@ -0,0 +1,32 @@
+.addons
+  box-shadow: 0 0 0 1px $border-color
+  +space(padding, 0.5)
+
+.addon__card__titlebar
+  +space(line-height, 2)
+  +space(height, 2)
+
+  +space(padding-left, 0.5)
+
+.addon__card__title
+  float: left
+
+.addon__card__price
+  float: right
+  +space(width, 2)
+  text-align: center
+  +space(line-height, 1.5)
+  +space(margin-top, 0.5)
+  font-weight: bold
+
+.addon__card__content
+  clear: both
+  +space(padding-bottom, 0.5)
+  +space(margin-left, 1.5)
+  +space(margin-right, 2.5)
+
+.addon__card
+  box-shadow: 0 1px 0 0 $border-color
+
+.addon__card:last-child
+  box-shadow: none

data/app/assets/stylesheets/smock.sass

@@ -54,6 +54,7 @@
 @import "modules/number-icon"
 @import "modules/category_card"
 @import "modules/flash"
+@import "modules/addon"
 
 html.vr
   background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 8%, rgba(128,128,128,0) 100%)

data/examples/addons.html

@@ -0,0 +1,50 @@
+<h2>Addons</h2>
+
+<div class="example">
+  <div class="addons">
+    <div class="addon__card">
+      <div class="addon__card__titlebar">
+        <div class="addon__card__title">
+          <input type="checkbox" checked disabled></input>
+          <strong>Installation</strong>
+          <span>This will cover the installation of your WordPress theme.</span>
+        </div>
+        <span class="addon__card__price">$50</span>
+      </div>
+
+      <div class="addon__card__content">
+        You get WordPress, your theme, its demo content (where supplied), and your logo installed on your (non-WordPress.com) server.
+      </div>
+    </div>
+    <div class="addon__card">
+      <div class="addon__card__titlebar">
+        <div class="addon__card__title">
+          <input type="checkbox"></input>
+          <strong>Basic Plugins</strong>
+          <span>Install the most popular plug-ins for enhanced site functionality</span>
+        </div>
+        <span class="addon__card__price">$50</span>
+      </div>
+    </div>
+    <div class="addon__card">
+      <div class="addon__card__titlebar">
+        <div class="addon__card__title">
+          <input type="checkbox"></input>
+          <strong>SEO Setup</strong>
+          <span>Ensure your site is optimized and discoverable for Google searches</span>
+        </div>
+        <span class="addon__card__price">$50</span>
+      </div>
+    </div>
+    <div class="addon__card">
+      <div class="addon__card__titlebar">
+        <div class="addon__card__title">
+          <input type="checkbox"></input>
+          <strong>Security Setup</strong>
+          <span>Reduce security risk by implementing security best pratices</span>
+        </div>
+        <span class="addon__card__price">$50</span>
+      </div>
+    </div>
+  </div>
+</div>

data/index.html

@@ -38,6 +38,7 @@
           <li><a href="#reviews" rel="reviews">Reviews</a></li>
           <li><a href="#service" rel="service">Service</a></li>
           <li><a href="#testimonials" rel="testimonials">Testimonials</a></li>
+          <li><a href="#addons" rel="addons">Addons</a></li>
         </ul>
       </div>
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smock
 version: !ruby/object:Gem::Version
-  version: 0.1.162
+  version: 0.1.163
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-27 00:00:00.000000000 Z
+date: 2014-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -142,6 +142,7 @@ files:
 - app/assets/stylesheets/includes/_typography_helpers.sass
 - app/assets/stylesheets/includes/_typography_settings.sass
 - app/assets/stylesheets/includes/icons.sass
+- app/assets/stylesheets/modules/_addon.sass
 - app/assets/stylesheets/modules/_am_grid.sass
 - app/assets/stylesheets/modules/_asset_uploader.sass
 - app/assets/stylesheets/modules/_categories.sass
@@ -266,6 +267,7 @@ files:
 - app/assets/stylesheets/thirdparty/typecsset.scss
 - app/assets/stylesheets/thirdparty/video-js.scss
 - bin/smock
+- examples/addons.html
 - examples/atoms.html
 - examples/avatars.html
 - examples/banners.html
@@ -444,7 +446,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1637158816131415412
+      hash: -1545588355651933819
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -453,7 +455,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1637158816131415412
+      hash: -1545588355651933819
 requirements: []
 rubyforge_project: smock
 rubygems_version: 1.8.21