RubyGems - smock - Versions diffs - 0.1.186 → 0.1.187 - Mend

smock 0.1.186 → 0.1.187

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

data/Gemfile.lock +1 -1
data/app/assets/stylesheets/includes/_layouts.sass +4 -0
data/app/assets/stylesheets/includes/_svg_images.sass +3 -0
data/app/assets/stylesheets/modules/_categories.sass +1 -2
data/app/assets/stylesheets/modules/_search_filters.sass +16 -12
data/app/assets/stylesheets/smock.sass +6 -0
data/examples/buttons.html +6 -0
data/examples/filters.html +44 -0
data/examples/pages/explore.html +15 -11
data/examples/pages/explore_list.html +14 -8
data/index.html +1 -0
data/original_svg_images/icon-search.svg +10 -0
metadata +6 -4

data/Gemfile.lock CHANGED

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

data/app/assets/stylesheets/includes/_layouts.sass CHANGED

@@ -10,6 +10,10 @@ hr
   +space(margin-bottom, 2)
   box-shadow: inset 0 -1px 0 0 $border-color
+.hr--small
+  margin-top: 0
+  +space(margin-bottom, 1)
 .l-container
   +outer-container
   min-width: $max-width

data/app/assets/stylesheets/includes/_svg_images.sass CHANGED

@@ -142,3 +142,6 @@
   background-repeat: no-repeat
   background-size: contain
   background-position: center
+.svg_search
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgzcHgiIGhlaWdodD0iNDgycHgiIHZpZXdCb3g9Ijc4LjUgLTEgNDgzIDQ4MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA3OC41IC0xIDQ4MyA0ODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NDYuMiw0MDkuNEw0MTguMiwyODAuMWMxOC0yNy41LDI3LjUtNjEsMjcuNS05N0M0NDUuNyw4Mi42LDM2NC4zLDAsMjYyLjUsMFM3OS40LDgyLjYsNzkuNCwxODMuMWMwLDEwMS43LDgyLjYsMTgzLjEsMTgzLjEsMTgzLjFjMzUuOSwwLDY5LjQtMTAuOCw5Ny0yNy41bDEyOS4zLDEyOC4xYzguNCw4LjQsMjAuMywxMy4yLDMyLjMsMTMuMmwwLDBjOS42LDAsMjAuMy0zLjYsMjcuNS0xMC44YzcuMi04LjQsMTItMTgsMTItMjguN0M1NjAuNiw0MjkuNyw1NTUuOCw0MTcuOCw1NDYuMiw0MDkuNHogTTI2Mi41LDI4NC45Yy01Ni4zLDAtMTAxLjctNDUuNS0xMDEuNy0xMDEuN1MyMDYuMyw4MS40LDI2Mi41LDgxLjRzMTAxLjcsNDUuNSwxMDEuNywxMDEuN1MzMTguOCwyODQuOSwyNjIuNSwyODQuOXoiLz48L3N2Zz4=)

data/app/assets/stylesheets/modules/_categories.sass CHANGED

@@ -1,8 +1,7 @@
 .categories__list
   +border-bottom
   +space(margin-top)
-  +space(margin-bottom)
-  +space(padding-bottom)
+  +space(padding-bottom, 2)
   margin-left: 0
 .categories__category__link,

data/app/assets/stylesheets/modules/_search_filters.sass CHANGED

@@ -1,15 +1,16 @@
-.search-filters
-  +space(margin-top)
+.flexed
+  +display(flex)
 .search-filters__price__label
   display: block
 .search-filters__price--min
-  float: left
-  +space(margin-right, 0.5)
+  +flex(1)
 .search-filters__price--max
-  float: right
+  +space(padding-left, 0.75)
+  +space(padding-right, 0.75)
+  +flex(1)
 .search-filters__price__input[type='text'],
 .search-filters__price__input--left[type='text']
@@ -24,11 +25,14 @@
   width: auto
 .search-filters__price__submit
-  width: 20%
-  display: block
+  +flex(1)
-.search-filters__price__submit__button
-  +space(width)
-  +typecsset-font-size($second-font-size)
-  +space(line-height, 2)
-  float: right
+.search-filters__price__submit__icon
+  display: inline-block
+  vertical-align: middle
+  +space(height, 1.95)
+  +space(width, 0.8)
+  margin: 0 auto
+  background-size: contain
+  background-repeat: no-repeat
+  background-position: center

data/app/assets/stylesheets/smock.sass CHANGED

@@ -177,6 +177,12 @@ html.vr
 .button--muted
   +secondary-button($orange)
+.button--green
+  +button($green)
+.button--green--muted
+  +secondary-button($green)
 .button[disabled]
   +button($gray-light)

data/examples/buttons.html CHANGED

@@ -6,6 +6,12 @@
 <div class="example">
   <button class="button button--muted">Muted Button</button>
 </div>
+<div class="example">
+  <button class="button button--green">Green Button</button>
+</div>
+<div class="example">
+  <button class="button button--green--muted">Green Button</button>
+</div>
 <div class="example">
   <button class="button" disabled>Disabled Button</button>
 </div>

data/examples/filters.html ADDED

@@ -0,0 +1,44 @@
+<h2>Search Filters</h2>
+<div class="example">
+  <section class="search-filters" am-grid-col="l:3:9">
+    <form class="search-filters__form has-validation">
+      <section class="search-filters__price">
+        <label class="search-filters__price__label">Price</label>
+        <div class="flexed">
+          <div class="search-filters__price--min">
+            Min<br/>
+            <input name="search[min_price]" class="search-filters__price__input--left" type="text" size="7" placeholder="$5">
+          </div>
+          <div class="search-filters__price--max">
+            Max<br/>
+            <input name="search[max_price]" class="search-filters__price__input" type="text" size="7" placeholder="$2000">
+          </div>
+          <a href="#" class="search-filters__price__submit s-small-above"><span type="submit" class="button button--green search-filters__price__submit__button">›</span></a>
+        </div>
+      </section>
+      <hr class="hr--small s-no-below"/>
+      <section class="search-filters__turnaround">
+        <label class="search-filters__turnaround__label">Turnaround</label>
+        <select id="filter_turnaround" name="filter[turnaround]"><option value="">- Any -</option>
+          <option value="1">1 day or less</option>
+          <option value="2">2 days or less</option>
+          <option value="3">3 days or less</option>
+        </select>
+      </section>
+      <section class="search-filters__country">
+        <label class="search-filters__country__label">Location</label>
+        <select class="search-filters__country__select" style="display: yup;">
+          <option value="">- Anywhere -</option>
+            <option value="al">Albania</option>
+            <option value="ar">Argentina</option>
+            <option value="am">Armenia</option>
+        </select>
+      </section>
+    </form>
+  </section>
+</div>

data/examples/pages/explore.html CHANGED

@@ -461,7 +461,7 @@
 <section class="l-sidebar--left">
-  <ul class="categories__list">
+  <ul class="categories__list s-no-below">
     <li class="categories__category">
       <a class="categories__category__link" href="https://studio-app.envato.com/smock/examples/explore/business-online-marketing">
         Business &amp; Online Marketing
@@ -530,19 +530,23 @@
     <form class="search-filters__form has-validation">
       <section class="search-filters__price">
         <label class="search-filters__price__label">Price</label>
-        <div class="lh-pull-left">
-          <span class="search-filters__price--min">
-            <input class="search-filters__price__input--left" type="text" size="5" placeholder="$50"> to
-          </span>
-          <span class="search-filters__price--max">
-            <input class="search-filters__price__input" type="text" size="5" placeholder="$2000">
-          </span>
+        <div class="flexed">
+          <div class="search-filters__price--min">
+            Min<br/>
+            <input name="search[min_price]" class="search-filters__price__input--left" type="text" size="7" placeholder="$5">
+          </div>
+          <div class="search-filters__price--max">
+            Max<br/>
+            <input name="search[max_price]" class="search-filters__price__input" type="text" size="7" placeholder="$2000">
+          </div>
+          <a href="#" class="search-filters__price__submit s-small-above button button--green">
+            <span class="svg_search search-filters__price__submit__icon"></span>
+          </a>
         </div>
-        <a href="https://studio-app.envato.com/smock/examples/explore/wordpress#" class="search-filters__price__submit lh-pull-right">
-          <span type="submit" class="button button--muted search-filters__price__submit__button">›</span>
-        </a>
       </section>
+      <hr class="hr--small s-no-below" />
       <section class="search-filters__turnaround">
         <label class="search-filters__turnaround__label">Turnaround</label>
         <select id="filter_turnaround" name="filter[turnaround]">

data/examples/pages/explore_list.html CHANGED

@@ -532,14 +532,21 @@
     <form class="search-filters__form has-validation">
       <section class="search-filters__price">
         <label class="search-filters__price__label">Price</label>
-        <span class="search-filters__price--min"><input class="search-filters__price__input--left" type="text" size="5"
-                                                        placeholder="$50">to</span>
-        <span class="search-filters__price--max"><input class="search-filters__price__input" type="text" size="5"
-                                                        placeholder="$2000"></span>
-        <a href="https://studio-app.envato.com/smock/examples/explore/wordpress#" class="search-filters__price__submit"><span type="submit"
-                                                                                                           class="search-filters__price__submit__button">›</span></a>
+        <div class="flexed">
+          <div class="search-filters__price--min">
+            Min<br/>
+            <input name="search[min_price]" class="search-filters__price__input--left" type="text" size="7" placeholder="$5">
+          </div>
+          <div class="search-filters__price--max">
+            Max<br/>
+            <input name="search[max_price]" class="search-filters__price__input" type="text" size="7" placeholder="$2000">
+          </div>
+          <a href="#" class="search-filters__price__submit s-small-above button button--green">
+            <span class="svg_search search-filters__price__submit__icon"></span>
+          </a>
+        </div>
       </section>
+      <hr class="hr--small s-no-below" />
       <section class="search-filters__turnaround">
         <label class="search-filters__turnaround__label">Turnaround</label>
         <select id="filter_turnaround" name="filter[turnaround]">
@@ -560,7 +567,6 @@
           <option value="14">14 days or less</option>
         </select>
       </section>
       <section class="search-filters__country">
         <label class="search-filters__country__label">Location</label>

data/index.html CHANGED

@@ -39,6 +39,7 @@
           <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>
+          <li><a href="#filters" rel="filters">Search Filters</a></li>
         </ul>
       </div>

data/original_svg_images/icon-search.svg ADDED

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="483px" height="482px" viewBox="78.5 -1 483 482" enable-background="new 78.5 -1 483 482" xml:space="preserve">
+<path fill="#FFFFFF" d="M546.2,409.4L418.2,280.1c18-27.5,27.5-61,27.5-97C445.7,82.6,364.3,0,262.5,0S79.4,82.6,79.4,183.1
+	c0,101.7,82.6,183.1,183.1,183.1c35.9,0,69.4-10.8,97-27.5l129.3,128.1c8.4,8.4,20.3,13.2,32.3,13.2l0,0c9.6,0,20.3-3.6,27.5-10.8
+	c7.2-8.4,12-18,12-28.7C560.6,429.7,555.8,417.8,546.2,409.4z M262.5,284.9c-56.3,0-101.7-45.5-101.7-101.7S206.3,81.4,262.5,81.4
+	s101.7,45.5,101.7,101.7S318.8,284.9,262.5,284.9z"/>
+</svg>

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smock
 version: !ruby/object:Gem::Version
-  version: 0.1.186
+  version: 0.1.187
   prerelease:
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2014-12-12 00:00:00.000000000 Z
+date: 2014-12-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -273,6 +273,7 @@ files:
 - examples/banners.html
 - examples/buttons.html
 - examples/colors.html
+- examples/filters.html
 - examples/forms.html
 - examples/helpers.html
 - examples/icons.html
@@ -424,6 +425,7 @@ files:
 - original_svg_images/icon-heart.svg
 - original_svg_images/icon-linkedin.svg
 - original_svg_images/icon-pintrest.svg
+- original_svg_images/icon-search.svg
 - original_svg_images/icon-website.svg
 - original_svg_images/svg__briefing.svg
 - original_svg_images/svg__delivery.svg
@@ -446,7 +448,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1980657527573036908
+      hash: -2449435371064340072
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -455,7 +457,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1980657527573036908
+      hash: -2449435371064340072
 requirements: []
 rubyforge_project: smock
 rubygems_version: 1.8.21