RubyGems - smock - Versions diffs - 0.1.43 → 0.1.44 - Mend

smock 0.1.43 → 0.1.44

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 (91) hide show

data/Gemfile.lock CHANGED Viewed

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

data/Rakefile CHANGED Viewed

@@ -34,6 +34,7 @@ task :build_version => :clean do
   FileUtils.mkdir_p latest
   sh "cp -R #{target}/* #{latest}/"
+  sh "bundle exec sass ./guide.sass #{latest}/guide.css"
   sh "cp ./index.html #{latest}/"
 end

data/examples/atoms.html ADDED Viewed

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>
+<html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>
+<html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>
+<html lang="en" ng-app="moodBoard" class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html lang="en" class="no-js">
+<!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Landing Page</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+  <link rel="stylesheet" href="../smock.css"/>
+</head>
+<body>
+<section class="classification">
+  <section class="style-group">
+    <h3>Global settings</h3>
+    <ul>
+      <li>$border-radius: 4px</li>
+      <li>$grid-columns: 12</li>
+      <li>$max-width: 960px</li>
+      <li>$border-color: #e1e1e1</li>
+    </ul>
+  </section>
+</section>
+<section class="classification">
+  <section class="style-group">
+    <h3>Colours</h3>
+    <strong class="style-group__example__label">Hues</strong>
+    <ul class="style-group__example__colors">
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--blue"></div>
+        <span class="style-group__example__color__name">$blue</span>
+        <span class="style-group__example__color__hex">#1FB4DA</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--green"></div>
+        <span class="style-group__example__color__name">$green</span>
+        <span class="style-group__example__color__hex">#82B641</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--orange"></div>
+        <span class="style-group__example__color__name">$orange</span>
+        <span class="style-group__example__color__hex">#F67D42</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--yellow"></div>
+        <span class="style-group__example__color__name">$yellow</span>
+        <span class="style-group__example__color__hex">#FFBE00</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--red"></div>
+        <span class="style-group__example__color__name">$red</span>
+        <span class="style-group__example__color__hex">#E65F51</span>
+      </li>
+    </ul>
+    <strong class="style-group__example__label">Shades</strong>
+    <ul class="style-group__example__colors">
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--black"></div>
+        <span class="style-group__example__color__name">$black</span>
+        <span class="style-group__example__color__hex">#000000</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--gray-dark"></div>
+        <span class="style-group__example__color__name">$gray-dark</span>
+        <span class="style-group__example__color__hex">#454545</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--gray"></div>
+        <span class="style-group__example__color__name">$gray</span>
+        <span class="style-group__example__color__hex">#888888</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--gray-light"></div>
+        <span class="style-group__example__color__name">$gray-light</span>
+        <span class="style-group__example__color__hex">#BFBFBF</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--gray-lightest"></div>
+        <span class="style-group__example__color__name">$gray-lightest</span>
+        <span class="style-group__example__color__hex">#E1E1E1</span>
+      </li>
+      <li class="style-group__example__color">
+        <div class="style-group__example__color__swatch--white"></div>
+        <span class="style-group__example__color__name">$white</span>
+        <span class="style-group__example__color__hex">#FFFFFF</span>
+      </li>
+    </ul>
+  </section>
+  <section class="style-group">
+    <h3>Buttons</h3>
+    <a href="#" class="button">Standard Button</a>
+    <a href="#" class="button button--muted">Muted Button</a>
+  </section>
+  <section class="style-group">
+    <h3>Typography</h3>
+    <div class="style-group__example">
+      <strong class="style-group__example__label">Headings</strong>
+      <h1>Heading 1</h1>
+      <h2>Heading 2</h2>
+      <h3>Heading 3</h3>
+      <h4>Heading 4</h4>
+      <h5>Heading 5</h5>
+      <h6>Heading 6</h6>
+    </div>
+    <div class="style-group__example">
+      <strong class="style-group__example__label">Paragraphs</strong>
+      <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
+        Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla
+        non metus auctor fringilla.</p>
+      <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
+        Porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus
+        commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet
+        risus.</p>
+    </div>
+    <div class="style-group__example">
+      <strong class="style-group__example__label">Links</strong>
+      <a href="#">Navigation Link</a>
+      <p>This is a paragraph with <a href="#">A basic link</a> inside of it.</p>
+    </div>
+    <div class="style-group__example">
+      <strong class="style-group__example__label">Forms</strong>
+      <form action="" method="post">
+        <fieldset>
+          <div class="input string optional"><label class="string optional" for="text_input">Text Input
+            Label</label><input class="string optional" id="" name="text_input" type="text"></div>
+          <p class="paragraph--hint">This is a hint that belongs on a form.</p>
+          <div class="input string optional form_order_extra_comments"><label class="string optional"
+                                                                              for="form_order_extra_comments">Extra
+            comments (optional)</label><textarea class="string optional" id="form_order_extra_comments"
+                                                 name="form_order[extra_comments]"
+                                                 placeholder="Anything else you would like to share with your expert"></textarea>
+        </fieldset>
+      </form>
+    </div>
+  </section>
+</section>
+</body>
+</html>

data/examples/{affiliates.html → pages/affiliates.html} RENAMED Viewed

@@ -2,8 +2,8 @@
 <html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <link rel="stylesheet" href="../smock.css"/>
-  <link rel="stylesheet" href="../svg_images.css"/>
+  <link rel="stylesheet" href="../../smock.css"/>
+  <link rel="stylesheet" href="../../svg_images.css"/>
 </head>
 <body am-grid>
 <header class="header">

data/examples/{affiliates_files → pages/affiliates_files}/themeforest-cf59c988c1d2bf085124a3b145d6426b.png RENAMED Viewed

File without changes

data/examples/{affiliates_files → pages/affiliates_files}/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg RENAMED Viewed

File without changes

data/examples/{blackbox.html → pages/blackbox.html} RENAMED Viewed

@@ -12,8 +12,8 @@
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-  <link rel="stylesheet" href="../smock.css" />
-  <link rel="stylesheet" href="../svg_images.css" />
+  <link rel="stylesheet" href="../../smock.css" />
+  <link rel="stylesheet" href="../../svg_images.css" />
 </head>
 <body am-grid>

data/examples/{explore.html → pages/explore.html} RENAMED Viewed

@@ -10,8 +10,8 @@
   <meta content="authenticity_token" name="csrf-param">
   <meta content="Q6hb0dHyDdKoPKo/ul1yMjAd4X2yfmCsYRCtEYS1Vp0=" name="csrf-token">
   <meta content="fdc04cfcac96196dc9ec" name="pusher-key">
-  <link rel="stylesheet" href="../smock.css"/>
-  <link rel="stylesheet" href="../svg_images.css"/>
+  <link rel="stylesheet" href="../../smock.css"/>
+  <link rel="stylesheet" href="../../svg_images.css"/>
 </head>
 <body>

data/examples/{explore_files → pages/explore_files}/listing_1.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_Abira-After-Time-Microlancer-ScorpionGod.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_Box-After-Time-Microlancer-ScorpionGod.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_SLMarketer-Google-PageSpeed-Score-92-Microlancer-ScorpionGod.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_abitabilmente.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_learningbrain.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_mockup-4.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_mockup-5.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_mockup-7.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_nef3.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_01_Preview-1390967480.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_1-1390967898.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_1-1390970967.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_2-1390967898.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_2222-1390967236.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_3-1390967866.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_3-1390970933.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_3333-1390967235.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_57card_20copy-1390971932.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_6553c8841d92022b268b6c998dcb1c6c-1390959511.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Capture-1390967398.PNG RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_GD-GuestPosting-V5-1390959059.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Portfolio_20_20_20codeinwp.com-1390967234.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Project-34-1390965305.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Project-47-1390965331.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Screen-Shot-2013-04-23-at-17.56.53-940x545-1390962665.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Screen-Shot-2013-07-08-at-13.30.29-940x545-1390962612.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Screen_Shot_2013-07-04_at_21.06.29-940x545-1390962671.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_Visit-ThemeForest-1390969752.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_after-e1285366746269-1390967453.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_after1-1390972978.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_alamak_preview-1390967514.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_all-thing-seo-1390972979.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_att-1390959032.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_cam-pod2-1390972769.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_ciel-1390971985.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_css_reset-1390970187.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_fonts-1390970179.gif RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_forex_career_centre_web-1390965297.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_free-minimal-wordpress-theme-025-1390970191.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_install1-1390965571.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_install2-1390965570.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_install3-1390965554.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_p1-1392277262.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_p2-1392277299.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_p3-1392277337.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_personal_stylist-1390959022.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_pingdom-tools-amimoto-1390971589.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_pxp1-1390959493.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_pxp2-1390959494.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_quintadovillar-1390965238.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_s2-1390965670.PNG RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_seo-services_ws_1385551327-1390972965.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_speed-1390972965.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_springhill-1390965228.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_theme-1390969784.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_theme_preview_590_300__large_preview-1390967509.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_themeforesthome-1390969757.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_waterfront-1390965233.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/listing_thumbnail_yoast-panel-1390972254.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/themeforest-cf59c988c1d2bf085124a3b145d6426b.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_305583_3423961809953_1687874227_n-1376632793.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_Logo1-1377780003.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_Profile-shot-500-1376463533.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_W3Nuts-Logo.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_Weblin_20Solutions-1385288536.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_aaa2.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_avatar-1390482536.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_bio_image_20copy-1385719534.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_cxwebexperts_logo5.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_hasib.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_logo-1391529895.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_me.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_scorpionedited-1371012129.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_social-profile-image-rotita-1384181976.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_sushant-1384356534.JPG RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_thememaniac-1371841006.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_wordpress-1385019095.png RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/thumbnail_x-1379162338.jpg RENAMED Viewed

File without changes

data/examples/{explore_files → pages/explore_files}/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg RENAMED Viewed

File without changes

data/guide.sass ADDED Viewed

@@ -0,0 +1,55 @@
+$typecsset-base-font-size:   18px
+$typecsset-base-line-height: 27px
+@import "app/assets/stylesheets/thirdparty/typecsset"
+$white: #f1f1f1
+$black: #1e1e1e
+body
+  padding: 0
+  margin: 0
+a
+  color: $white
+  text-decoration: none
+  line-height: $typecsset-magic-number * 2
+.nav
+  position: fixed
+  background: $black
+  color: $white
+  font-family: sans-serif
+  line-height: $typecsset-magic-number * 2
+  width: 100%
+  height: $typecsset-magic-number * 2
+.nav__list
+  list-style: none
+  margin: 0
+  line-height: 100%
+  height: 100%
+.nav__list__item
+  display: inline-block
+  line-height: $typecsset-magic-number * 2
+  cursor: pointer
+  position: relative
+  a
+    padding: 0 $typecsset-magic-number
+  &:hover
+    .nav__list__item__dropdown
+      display: block
+.nav__list__item__dropdown
+  display: none
+  position: absolute
+  top: $typecsset-magic-number * 2
+  left: 0
+  background: $black
+  box-shadow: inset 0 1px 0 0 $white
+  list-style: none
+  margin: 0
+  padding: $typecsset-magic-number / 2 0
+iframe
+  margin-top: $typecsset-magic-number * 2

data/index.html CHANGED Viewed

@@ -1,237 +1,23 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]>
-<html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>
-<html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>
-<html lang="en" ng-app="moodBoard" class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!-->
-<html lang="en" class="no-js">
-<!--<![endif]-->
+<html>
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>Landing Page</title>
-  <meta name="description" content="">
-  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-  <link rel="stylesheet" href="smock.css"/>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <title>Styleguide</title>
+  <link rel="stylesheet" href="guide.css" />
 </head>
 <body>
-<section class="classification">
-  <h2>Settings</h2>
-  <section class="style-group">
-    <h3>Global settings</h3>
-    <ul>
-      <li>$border-radius: 4px</li>
-      <li>$grid-columns: 12</li>
-      <li>$max-width: 960px</li>
-      <li>$border-color: #e1e1e1</li>
-    </ul>
-  </section>
-</section>
-<section class="classification">
-  <h2>Atoms</h2>
-  <section class="style-group">
-    <h3>Colours</h3>
-    <strong class="style-group__example__label">Hues</strong>
-    <ul class="style-group__example__colors">
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--blue"></div>
-        <span class="style-group__example__color__name">$blue</span>
-        <span class="style-group__example__color__hex">#1FB4DA</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--green"></div>
-        <span class="style-group__example__color__name">$green</span>
-        <span class="style-group__example__color__hex">#82B641</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--orange"></div>
-        <span class="style-group__example__color__name">$orange</span>
-        <span class="style-group__example__color__hex">#F67D42</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--yellow"></div>
-        <span class="style-group__example__color__name">$yellow</span>
-        <span class="style-group__example__color__hex">#FFBE00</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--red"></div>
-        <span class="style-group__example__color__name">$red</span>
-        <span class="style-group__example__color__hex">#E65F51</span>
-      </li>
-    </ul>
-    <strong class="style-group__example__label">Shades</strong>
-    <ul class="style-group__example__colors">
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--black"></div>
-        <span class="style-group__example__color__name">$black</span>
-        <span class="style-group__example__color__hex">#000000</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--gray-dark"></div>
-        <span class="style-group__example__color__name">$gray-dark</span>
-        <span class="style-group__example__color__hex">#454545</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--gray"></div>
-        <span class="style-group__example__color__name">$gray</span>
-        <span class="style-group__example__color__hex">#888888</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--gray-light"></div>
-        <span class="style-group__example__color__name">$gray-light</span>
-        <span class="style-group__example__color__hex">#BFBFBF</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--gray-lightest"></div>
-        <span class="style-group__example__color__name">$gray-lightest</span>
-        <span class="style-group__example__color__hex">#E1E1E1</span>
-      </li>
-      <li class="style-group__example__color">
-        <div class="style-group__example__color__swatch--white"></div>
-        <span class="style-group__example__color__name">$white</span>
-        <span class="style-group__example__color__hex">#FFFFFF</span>
+  <div class="nav">
+    <ul class="nav__list">
+      <li class="nav__list__item"><a href="examples/atoms.html" target="style_frame">Atoms</a></li>
+      <li class="nav__list__item">
+        Pages
+        <ul class="nav__list__item__dropdown">
+          <li class="nav__list__item__dropdown__item"><a href="examples/pages/affiliates.html" target="style_frame">Affiliates</a></li>
+          <li class="nav__list__item__dropdown__item"><a href="examples/pages/blackbox.html" target="style_frame">Blackbox</a></li>
+          <li class="nav__list__item__dropdown__item"><a href="examples/pages/explore.html" target="style_frame">Explore</a></li>
+        </ul>
       </li>
     </ul>
-  </section>
-  <section class="style-group">
-    <h3>Buttons</h3>
-    <a href="#" class="button">Standard Button</a>
-    <a href="#" class="button button--muted">Muted Button</a>
-  </section>
-  <section class="style-group">
-    <h3>Typography</h3>
-    <div class="style-group__example">
-      <strong class="style-group__example__label">Headings</strong>
-      <h1>Heading 1</h1>
-      <h2>Heading 2</h2>
-      <h3>Heading 3</h3>
-      <h4>Heading 4</h4>
-      <h5>Heading 5</h5>
-      <h6>Heading 6</h6>
-    </div>
-    <div class="style-group__example">
-      <strong class="style-group__example__label">Paragraphs</strong>
-      <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
-        Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla
-        non metus auctor fringilla.</p>
-      <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
-        Porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus
-        commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet
-        risus.</p>
-    </div>
-    <div class="style-group__example">
-      <strong class="style-group__example__label">Links</strong>
-      <a href="#">Navigation Link</a>
-      <p>This is a paragraph with <a href="#">A basic link</a> inside of it.</p>
-    </div>
-    <div class="style-group__example">
-      <strong class="style-group__example__label">Forms</strong>
-      <form action="" method="post">
-        <fieldset>
-          <div class="input string optional"><label class="string optional" for="text_input">Text Input
-            Label</label><input class="string optional" id="" name="text_input" type="text"></div>
-          <p class="paragraph--hint">This is a hint that belongs on a form.</p>
-          <div class="input string optional form_order_extra_comments"><label class="string optional"
-                                                                              for="form_order_extra_comments">Extra
-            comments (optional)</label><textarea class="string optional" id="form_order_extra_comments"
-                                                 name="form_order[extra_comments]"
-                                                 placeholder="Anything else you would like to share with your expert"></textarea>
-        </fieldset>
-      </form>
-    </div>
-  </section>
-</section>
-<section class="classification">
-  <h2>Molecules</h2>
-  <div class="style-group__example">
-    <strong class="style-group__example__label">Payment Method</strong>
-    <div class="payment-method">
-      <span><input id="form_order_payment_method_paypal" name="form_order[payment_method]" type="radio"
-                   value="paypal"><label class="collection_radio_buttons"
-                                         for="form_order_payment_method_paypal">Paypal</label></span><span><input
-        id="form_order_payment_method_braintree" name="form_order[payment_method]" type="radio" value="braintree"><label
-        class="collection_radio_buttons" for="form_order_payment_method_braintree">Creditcard</label></span>
-    </div>
-  </div>
-  <div class="style-group__example">
-    <strong class="style-group__example__label">Credit Card</strong>
-    <div class="credit-card" style="display: block;">
-      <div class="credit-card__numbers">
-        <div class="input string optional form_order_card_number credit-card__numbers__card-number"><label
-            class="string optional" for="form_order_card_number">Card number</label><input class="string optional"
-                                                                                           id="form_order_card_number"
-                                                                                           name="form_order[card_number]"
-                                                                                           placeholder="0000 0000 0000 0000"
-                                                                                           type="text"></div>
-        <div class="input string optional form_order_cvv credit-card__numbers__cvv"><label class="string optional"
-                                                                                           for="form_order_cvv">CVV</label><input
-            class="string optional" id="form_order_cvv" name="form_order[cvv]" placeholder="000" type="text"></div>
-      </div>
-      <div class="credit-card__expiry">
-        <label>Expiry date</label>
-        <div class="input string optional form_order_expiry_month credit-card__expiry__month"><input
-            class="string optional" id="form_order_expiry_month" name="form_order[expiry_month]"
-            placeholder="Month (MM)" type="text"></div>
-        <div class="input string optional form_order_expiry_year credit-card__expiry__year"><input
-            class="string optional" id="form_order_expiry_year" name="form_order[expiry_year]" placeholder="Year (YY)"
-            type="text"></div>
-      </div>
-    </div>
-  </div>
-</section>
-<section class="classification">
-  <h2>Organisims</h2>
-  <div class="style-group__example">
-    <strong class="style-group__example__label">Asset Uploader</strong>
-    <div class="asset-uploader">
-      <label for="">Uploader Label</label>
-      <div class="asset-uploader__button asset-uploader__button--drop dz-clickable">Drop
-        files here or <strong>browse</strong> to add attachments
-      </div>
-      <div class="asset-uploader__previews"></div>
-    </div>
   </div>
-</section>
-<section class="classification">
-  <h2>Templates</h2>
-</section>
-<section class="classification">
-  <h2>Patterns</h2>
-</section>
+  <iframe name="style_frame" src="examples/atoms.html" width="100%" height="95%" frameborder="0"></iframe>
 </body>
-</html>
+</html>

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smock
 version: !ruby/object:Gem::Version
-  version: 0.1.43
+  version: 0.1.44
   prerelease:
 platform: ruby
 authors:
@@ -243,91 +243,93 @@ files:
 - app/assets/stylesheets/thirdparty/typecsset.scss
 - app/assets/stylesheets/thirdparty/video-js.scss
 - bin/smock
-- examples/affiliates.html
-- examples/affiliates_files/themeforest-cf59c988c1d2bf085124a3b145d6426b.png
-- examples/affiliates_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg
-- examples/blackbox.html
-- examples/explore.html
-- examples/explore_files/listing_1.jpg
-- examples/explore_files/listing_Abira-After-Time-Microlancer-ScorpionGod.jpg
-- examples/explore_files/listing_Box-After-Time-Microlancer-ScorpionGod.jpg
-- examples/explore_files/listing_SLMarketer-Google-PageSpeed-Score-92-Microlancer-ScorpionGod.jpg
-- examples/explore_files/listing_abitabilmente.jpg
-- examples/explore_files/listing_learningbrain.jpg
-- examples/explore_files/listing_mockup-4.jpg
-- examples/explore_files/listing_mockup-5.jpg
-- examples/explore_files/listing_mockup-7.jpg
-- examples/explore_files/listing_nef3.jpg
-- examples/explore_files/listing_thumbnail_01_Preview-1390967480.jpg
-- examples/explore_files/listing_thumbnail_1-1390967898.png
-- examples/explore_files/listing_thumbnail_1-1390970967.png
-- examples/explore_files/listing_thumbnail_2-1390967898.png
-- examples/explore_files/listing_thumbnail_2222-1390967236.png
-- examples/explore_files/listing_thumbnail_3-1390967866.png
-- examples/explore_files/listing_thumbnail_3-1390970933.jpg
-- examples/explore_files/listing_thumbnail_3333-1390967235.png
-- examples/explore_files/listing_thumbnail_57card_20copy-1390971932.jpg
-- examples/explore_files/listing_thumbnail_6553c8841d92022b268b6c998dcb1c6c-1390959511.png
-- examples/explore_files/listing_thumbnail_Capture-1390967398.PNG
-- examples/explore_files/listing_thumbnail_GD-GuestPosting-V5-1390959059.png
-- examples/explore_files/listing_thumbnail_Portfolio_20_20_20codeinwp.com-1390967234.png
-- examples/explore_files/listing_thumbnail_Project-34-1390965305.png
-- examples/explore_files/listing_thumbnail_Project-47-1390965331.png
-- examples/explore_files/listing_thumbnail_Screen-Shot-2013-04-23-at-17.56.53-940x545-1390962665.png
-- examples/explore_files/listing_thumbnail_Screen-Shot-2013-07-08-at-13.30.29-940x545-1390962612.png
-- examples/explore_files/listing_thumbnail_Screen_Shot_2013-07-04_at_21.06.29-940x545-1390962671.png
-- examples/explore_files/listing_thumbnail_Visit-ThemeForest-1390969752.jpg
-- examples/explore_files/listing_thumbnail_after-e1285366746269-1390967453.jpg
-- examples/explore_files/listing_thumbnail_after1-1390972978.jpg
-- examples/explore_files/listing_thumbnail_alamak_preview-1390967514.jpg
-- examples/explore_files/listing_thumbnail_all-thing-seo-1390972979.jpg
-- examples/explore_files/listing_thumbnail_att-1390959032.png
-- examples/explore_files/listing_thumbnail_cam-pod2-1390972769.jpg
-- examples/explore_files/listing_thumbnail_ciel-1390971985.jpg
-- examples/explore_files/listing_thumbnail_css_reset-1390970187.jpg
-- examples/explore_files/listing_thumbnail_fonts-1390970179.gif
-- examples/explore_files/listing_thumbnail_forex_career_centre_web-1390965297.jpg
-- examples/explore_files/listing_thumbnail_free-minimal-wordpress-theme-025-1390970191.jpg
-- examples/explore_files/listing_thumbnail_install1-1390965571.png
-- examples/explore_files/listing_thumbnail_install2-1390965570.png
-- examples/explore_files/listing_thumbnail_install3-1390965554.png
-- examples/explore_files/listing_thumbnail_p1-1392277262.jpg
-- examples/explore_files/listing_thumbnail_p2-1392277299.jpg
-- examples/explore_files/listing_thumbnail_p3-1392277337.jpg
-- examples/explore_files/listing_thumbnail_personal_stylist-1390959022.png
-- examples/explore_files/listing_thumbnail_pingdom-tools-amimoto-1390971589.png
-- examples/explore_files/listing_thumbnail_pxp1-1390959493.png
-- examples/explore_files/listing_thumbnail_pxp2-1390959494.png
-- examples/explore_files/listing_thumbnail_quintadovillar-1390965238.jpg
-- examples/explore_files/listing_thumbnail_s2-1390965670.PNG
-- examples/explore_files/listing_thumbnail_seo-services_ws_1385551327-1390972965.png
-- examples/explore_files/listing_thumbnail_speed-1390972965.png
-- examples/explore_files/listing_thumbnail_springhill-1390965228.jpg
-- examples/explore_files/listing_thumbnail_theme-1390969784.jpg
-- examples/explore_files/listing_thumbnail_theme_preview_590_300__large_preview-1390967509.jpg
-- examples/explore_files/listing_thumbnail_themeforesthome-1390969757.png
-- examples/explore_files/listing_thumbnail_waterfront-1390965233.jpg
-- examples/explore_files/listing_thumbnail_yoast-panel-1390972254.jpg
-- examples/explore_files/themeforest-cf59c988c1d2bf085124a3b145d6426b.png
-- examples/explore_files/thumbnail_305583_3423961809953_1687874227_n-1376632793.jpg
-- examples/explore_files/thumbnail_Logo1-1377780003.png
-- examples/explore_files/thumbnail_Profile-shot-500-1376463533.png
-- examples/explore_files/thumbnail_W3Nuts-Logo.jpg
-- examples/explore_files/thumbnail_Weblin_20Solutions-1385288536.png
-- examples/explore_files/thumbnail_aaa2.jpg
-- examples/explore_files/thumbnail_avatar-1390482536.png
-- examples/explore_files/thumbnail_bio_image_20copy-1385719534.jpg
-- examples/explore_files/thumbnail_cxwebexperts_logo5.jpg
-- examples/explore_files/thumbnail_hasib.jpg
-- examples/explore_files/thumbnail_logo-1391529895.jpg
-- examples/explore_files/thumbnail_me.jpg
-- examples/explore_files/thumbnail_scorpionedited-1371012129.png
-- examples/explore_files/thumbnail_social-profile-image-rotita-1384181976.png
-- examples/explore_files/thumbnail_sushant-1384356534.JPG
-- examples/explore_files/thumbnail_thememaniac-1371841006.jpg
-- examples/explore_files/thumbnail_wordpress-1385019095.png
-- examples/explore_files/thumbnail_x-1379162338.jpg
-- examples/explore_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg
+- examples/atoms.html
+- examples/pages/affiliates.html
+- examples/pages/affiliates_files/themeforest-cf59c988c1d2bf085124a3b145d6426b.png
+- examples/pages/affiliates_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg
+- examples/pages/blackbox.html
+- examples/pages/explore.html
+- examples/pages/explore_files/listing_1.jpg
+- examples/pages/explore_files/listing_Abira-After-Time-Microlancer-ScorpionGod.jpg
+- examples/pages/explore_files/listing_Box-After-Time-Microlancer-ScorpionGod.jpg
+- examples/pages/explore_files/listing_SLMarketer-Google-PageSpeed-Score-92-Microlancer-ScorpionGod.jpg
+- examples/pages/explore_files/listing_abitabilmente.jpg
+- examples/pages/explore_files/listing_learningbrain.jpg
+- examples/pages/explore_files/listing_mockup-4.jpg
+- examples/pages/explore_files/listing_mockup-5.jpg
+- examples/pages/explore_files/listing_mockup-7.jpg
+- examples/pages/explore_files/listing_nef3.jpg
+- examples/pages/explore_files/listing_thumbnail_01_Preview-1390967480.jpg
+- examples/pages/explore_files/listing_thumbnail_1-1390967898.png
+- examples/pages/explore_files/listing_thumbnail_1-1390970967.png
+- examples/pages/explore_files/listing_thumbnail_2-1390967898.png
+- examples/pages/explore_files/listing_thumbnail_2222-1390967236.png
+- examples/pages/explore_files/listing_thumbnail_3-1390967866.png
+- examples/pages/explore_files/listing_thumbnail_3-1390970933.jpg
+- examples/pages/explore_files/listing_thumbnail_3333-1390967235.png
+- examples/pages/explore_files/listing_thumbnail_57card_20copy-1390971932.jpg
+- examples/pages/explore_files/listing_thumbnail_6553c8841d92022b268b6c998dcb1c6c-1390959511.png
+- examples/pages/explore_files/listing_thumbnail_Capture-1390967398.PNG
+- examples/pages/explore_files/listing_thumbnail_GD-GuestPosting-V5-1390959059.png
+- examples/pages/explore_files/listing_thumbnail_Portfolio_20_20_20codeinwp.com-1390967234.png
+- examples/pages/explore_files/listing_thumbnail_Project-34-1390965305.png
+- examples/pages/explore_files/listing_thumbnail_Project-47-1390965331.png
+- examples/pages/explore_files/listing_thumbnail_Screen-Shot-2013-04-23-at-17.56.53-940x545-1390962665.png
+- examples/pages/explore_files/listing_thumbnail_Screen-Shot-2013-07-08-at-13.30.29-940x545-1390962612.png
+- examples/pages/explore_files/listing_thumbnail_Screen_Shot_2013-07-04_at_21.06.29-940x545-1390962671.png
+- examples/pages/explore_files/listing_thumbnail_Visit-ThemeForest-1390969752.jpg
+- examples/pages/explore_files/listing_thumbnail_after-e1285366746269-1390967453.jpg
+- examples/pages/explore_files/listing_thumbnail_after1-1390972978.jpg
+- examples/pages/explore_files/listing_thumbnail_alamak_preview-1390967514.jpg
+- examples/pages/explore_files/listing_thumbnail_all-thing-seo-1390972979.jpg
+- examples/pages/explore_files/listing_thumbnail_att-1390959032.png
+- examples/pages/explore_files/listing_thumbnail_cam-pod2-1390972769.jpg
+- examples/pages/explore_files/listing_thumbnail_ciel-1390971985.jpg
+- examples/pages/explore_files/listing_thumbnail_css_reset-1390970187.jpg
+- examples/pages/explore_files/listing_thumbnail_fonts-1390970179.gif
+- examples/pages/explore_files/listing_thumbnail_forex_career_centre_web-1390965297.jpg
+- examples/pages/explore_files/listing_thumbnail_free-minimal-wordpress-theme-025-1390970191.jpg
+- examples/pages/explore_files/listing_thumbnail_install1-1390965571.png
+- examples/pages/explore_files/listing_thumbnail_install2-1390965570.png
+- examples/pages/explore_files/listing_thumbnail_install3-1390965554.png
+- examples/pages/explore_files/listing_thumbnail_p1-1392277262.jpg
+- examples/pages/explore_files/listing_thumbnail_p2-1392277299.jpg
+- examples/pages/explore_files/listing_thumbnail_p3-1392277337.jpg
+- examples/pages/explore_files/listing_thumbnail_personal_stylist-1390959022.png
+- examples/pages/explore_files/listing_thumbnail_pingdom-tools-amimoto-1390971589.png
+- examples/pages/explore_files/listing_thumbnail_pxp1-1390959493.png
+- examples/pages/explore_files/listing_thumbnail_pxp2-1390959494.png
+- examples/pages/explore_files/listing_thumbnail_quintadovillar-1390965238.jpg
+- examples/pages/explore_files/listing_thumbnail_s2-1390965670.PNG
+- examples/pages/explore_files/listing_thumbnail_seo-services_ws_1385551327-1390972965.png
+- examples/pages/explore_files/listing_thumbnail_speed-1390972965.png
+- examples/pages/explore_files/listing_thumbnail_springhill-1390965228.jpg
+- examples/pages/explore_files/listing_thumbnail_theme-1390969784.jpg
+- examples/pages/explore_files/listing_thumbnail_theme_preview_590_300__large_preview-1390967509.jpg
+- examples/pages/explore_files/listing_thumbnail_themeforesthome-1390969757.png
+- examples/pages/explore_files/listing_thumbnail_waterfront-1390965233.jpg
+- examples/pages/explore_files/listing_thumbnail_yoast-panel-1390972254.jpg
+- examples/pages/explore_files/themeforest-cf59c988c1d2bf085124a3b145d6426b.png
+- examples/pages/explore_files/thumbnail_305583_3423961809953_1687874227_n-1376632793.jpg
+- examples/pages/explore_files/thumbnail_Logo1-1377780003.png
+- examples/pages/explore_files/thumbnail_Profile-shot-500-1376463533.png
+- examples/pages/explore_files/thumbnail_W3Nuts-Logo.jpg
+- examples/pages/explore_files/thumbnail_Weblin_20Solutions-1385288536.png
+- examples/pages/explore_files/thumbnail_aaa2.jpg
+- examples/pages/explore_files/thumbnail_avatar-1390482536.png
+- examples/pages/explore_files/thumbnail_bio_image_20copy-1385719534.jpg
+- examples/pages/explore_files/thumbnail_cxwebexperts_logo5.jpg
+- examples/pages/explore_files/thumbnail_hasib.jpg
+- examples/pages/explore_files/thumbnail_logo-1391529895.jpg
+- examples/pages/explore_files/thumbnail_me.jpg
+- examples/pages/explore_files/thumbnail_scorpionedited-1371012129.png
+- examples/pages/explore_files/thumbnail_social-profile-image-rotita-1384181976.png
+- examples/pages/explore_files/thumbnail_sushant-1384356534.JPG
+- examples/pages/explore_files/thumbnail_thememaniac-1371841006.jpg
+- examples/pages/explore_files/thumbnail_wordpress-1385019095.png
+- examples/pages/explore_files/thumbnail_x-1379162338.jpg
+- examples/pages/explore_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg
+- guide.sass
 - index.html
 - lib/smock.rb
 - lib/smock/engine.rb
@@ -350,7 +352,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -867496216018755156
+      hash: -4503530856546295599
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -359,7 +361,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -867496216018755156
+      hash: -4503530856546295599
 requirements: []
 rubyforge_project: smock
 rubygems_version: 1.8.21