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

smock 0.1.186 → 0.1.187

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