RubyGems - smock - Versions diffs - 0.1.143 → 0.1.144 - Mend

smock 0.1.143 → 0.1.144

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

data/Gemfile.lock CHANGED Viewed

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

data/Rakefile CHANGED Viewed

@@ -35,10 +35,8 @@ task :build_version => :clean do
   sh "cp -R #{target}/* #{latest}/"
   sh "bundle exec sass ./guide.sass #{latest}/guide.css"
-  sh "bundle exec sass ./guide2.sass #{latest}/guide2.css"
   sh "ln -s $(pwd)/index.html #{latest}/"
   sh "ln -s $(pwd)/guide.js #{latest}/"
-  sh "ln -s $(pwd)/index2.html #{latest}/"
 end
 desc "run a sass watcher"

data/guide.sass CHANGED Viewed

@@ -1,77 +1,61 @@
-$typecsset-base-font-size:   18px
-$typecsset-base-line-height: 27px
-@import "app/assets/stylesheets/thirdparty/typecsset"
-$white: #f1f1f1
-$black: #1e1e1e
+@import "app/assets/stylesheets/smock"
 body
-  padding: 0
-  margin: 0
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
-a
-  color: $white
-  text-decoration: none
-  line-height: $typecsset-magic-number * 2
+#content
+  -webkit-font-smoothing: auto
+  -moz-osx-font-smoothing: auto
-.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
+.example:before
+  content: 'Example'
+  display: block
+.example
+  +bottom-horizontal-rule(3)
+  code
+    overflow-wrap: break-word
+  pre
+    +space(margin-top, 1)
+    +space(margin-bottom, 1)
+  pre:before
+    content: 'Code'
+.style-group__icons
+  width: 200px
+  text-align: center
+  box-shadow: 0 0 0 1px $gray
+  +space(padding)
   float: left
-  width: 50%
-  list-style: none
-  margin: 0
-  line-height: 100%
-  height: 100%
-.nav__view-options
-  float: right
-  width: 50%
-  list-style: none
-  margin: 0
-  line-height: 100%
-  height: 100%
-  text-align: right
+  min-height: 200px
+  background: $gray-lightest
-.nav__view-options__item
-  display: inline-block
-  line-height: $typecsset-magic-number * 2
-  cursor: pointer
-  position: relative
-  a
-    padding: 0 $typecsset-magic-number
-.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
+.style-group__icon
+  width: 64px
+  height: 64px
+  display: block
+  margin: 0 auto
+  +space(margin-bottom)
-.nav__list__item__dropdown
-  display: none
-  position: absolute
-  top: $typecsset-magic-number * 2
-  left: 0
+.guide-header
   background: $black
-  box-shadow: inset 0 1px 0 0 $white
-  list-style: none
-  margin: 0
-  padding: $typecsset-magic-number / 2 0
+  +space(margin-bottom)
+  +space(padding-top, 0.5)
+  +space(padding-bottom, 0.5)
+.actions__group
+  +space(margin-bottom)
-iframe
+.actions__group__title
+  +typecsset-font-size($first-font-size)
+  background: $gray
+  +space(padding, 0.5)
   display: block
-  margin: 0 auto
-  padding-top: $typecsset-magic-number * 2
+  color: $white
+  border-top-left-radius: $border-radius
+  border-top-right-radius: $border-radius
+.actions__group__list
+  +border
+  +space(padding, 0.5)

data/index.html CHANGED Viewed

@@ -2,54 +2,73 @@
 <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title>Styleguide</title>
+  <link rel="stylesheet" href="svg_images.css" />
   <link rel="stylesheet" href="guide.css" />
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/monokai_sublime.min.css">
 </head>
-<body>
-  <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"><a href="examples/molecules.html" target="style_frame">Molecules</a></li>
-      <li class="nav__list__item"><a href="examples/organisims.html" target="style_frame">Organisims</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/customisation_express.html" target="style_frame">Express</a></li>
-          <li class="nav__list__item__dropdown__item"><a href="examples/pages/explore.html" target="style_frame">Explore</a></li>
-          <li class="nav__list__item__dropdown__item"><a href="examples/pages/testimonials.html" target="style_frame">Testimonials</a></li>
-          <li class="nav__list__item__dropdown__item"><a href="examples/pages/profile.html" target="style_frame">Profiles</a></li>
-          <li class="nav__list__item__dropdown__item"><a href="examples/pages/service.html" target="style_frame">Service</a></li>
-          <li class="nav__list__item__dropdown__item"><a href="examples/pages/logo_landing_page.html" target="style_frame" title="Logo Landing Page">LLP</a></li>
+<body am-grid>
+  <div class="guide-header">
+    <div class="container">
+      <a class="header__logo svg__logo--inverse" href="/">Envato Studio</a>
+    </div>
+  </div>
+  <div class="container">
+    <div am-grid-col="l:3" class="actions">
+      <div class="actions__group">
+        <strong class="actions__group__title">UI Kit</strong>
+        <ul class="actions__group__list">
+          <li><a href="#avatars" rel="avatars">Avatars</a></li>
+          <li><a href="#buttons" rel="buttons">Buttons</a></li>
+          <li><a href="#colors" rel="colors">Colors</a></li>
+          <li><a href="#forms" rel="forms">Forms</a></li>
+          <li><a href="#helpers" rel="helpers">Helpers</a></li>
+          <li><a href="#icons" rel="icons">Icons</a></li>
+          <li><a href="#links" rel="links">Links</a></li>
+          <li><a href="#paragraphs" rel="paragraphs">Paragraphs</a></li>
+          <li><a href="#typography" rel="typography">Typography</a></li>
         </ul>
-      </li>
-    </ul>
+      </div>
-    <ul class="nav__view-options">
-      <li class="nav__view-options__item"><a href="#" id="small-width">Small Width</a></li>
-      <li class="nav__view-options__item"><a href="#" id="medium-width">Medium Width</a></li>
-      <li class="nav__view-options__item"><a href="#" id="full-width">Full Width</a></li>
-    </ul>
-  </div>
-  <iframe name="style_frame" id="style_frame" src="examples/atoms.html" width="100%" height="95%" frameborder="0"></iframe>
+      <div class="actions__group">
+        <strong class="actions__group__title">Patterns</strong>
+        <ul class="actions__group__list">
+          <li><a href="#banners" rel="banners">Banners</a></li>
+          <li><a href="#metrics" rel="metrics">Metrics</a></li>
+          <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>
+        </ul>
+      </div>
+      <div class="actions__group">
+        <strong class="actions__group__title">Pages</strong>
+        <ul class="actions__group__list">
+          <li><a href="examples/pages/affiliates.html">Affiliates</a></li>
+          <li><a href="examples/pages/customisation_express.html">Express</a></li>
+          <li><a href="examples/pages/explore.html">Explore</a></li>
+          <li><a href="examples/pages/logo_landing_page.html">Landing Page</a></li>
+          <li><a href="examples/pages/profile.html">Profile Page</a></li>
+          <li><a href="examples/pages/service.html">Service Page</a></li>
+          <li><a href="examples/pages/testimonials.html">Testimonials</a></li>
+        </ul>
+      </div>
+    </div>
+    <aside am-grid-col="l:9">
+      <div id='content'></div>
+    </aside>
+  </div>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/highlight.min.js"></script>
+  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+  <script src="guide.js"></script>
   <script>
-    var iframe = document.getElementById('style_frame');
-    var smallWidthButton = document.getElementById('small-width');
-    var mediumWidthButton = document.getElementById('medium-width');
-    var fullWidthButton = document.getElementById('full-width');
-    smallWidthButton.addEventListener('click', function(event) {
-      iframe.width = '50%';
-    });
-    mediumWidthButton.addEventListener('click', function(event) {
-      iframe.width = '75%';
-    });
+    setupActions();
+    if (window.location.hash) {
+      var contentName = window.location.hash.replace("#", "");
+    } else {
+      var contentName = $('.actions a:first')[0].rel;
+    }
-    fullWidthButton.addEventListener('click', function(event) {
-      iframe.width = '100%';
-    });
+    loadContent(contentName);
   </script>
 </body>
 </html>

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smock
 version: !ruby/object:Gem::Version
-  version: 0.1.143
+  version: 0.1.144
   prerelease:
 platform: ruby
 authors:
@@ -401,9 +401,7 @@ files:
 - examples/typography.html
 - guide.js
 - guide.sass
-- guide2.sass
 - index.html
-- index2.html
 - lib/smock.rb
 - lib/smock/engine.rb
 - lib/smock/generator.rb
@@ -441,7 +439,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 4084705115675569303
+      hash: 1931040471901656156
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -450,7 +448,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 4084705115675569303
+      hash: 1931040471901656156
 requirements: []
 rubyforge_project: smock
 rubygems_version: 1.8.21

data/guide2.sass DELETED Viewed

@@ -1,60 +0,0 @@
-@import "app/assets/stylesheets/smock"
-body
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-#content
-  -webkit-font-smoothing: auto
-  -moz-osx-font-smoothing: auto
-.example:before
-  content: 'Example'
-  display: block
-.example
-  +bottom-horizontal-rule(3)
-  code
-    overflow-wrap: break-word
-  pre
-    +space(margin-top, 1)
-    +space(margin-bottom, 1)
-  pre:before
-    content: 'Code'
-.style-group__icons
-  width: 200px
-  text-align: center
-  box-shadow: 0 0 0 1px $gray
-  +space(padding)
-  float: left
-  min-height: 200px
-  background: $gray-lightest
-.style-group__icon
-  width: 64px
-  height: 64px
-  display: block
-  margin: 0 auto
-  +space(margin-bottom)
-.guide-header
-  background: $black
-  +space(margin-bottom)
-  +space(padding-top, 0.5)
-  +space(padding-bottom, 0.5)
-.actions__group
-  +space(margin-bottom)
-.actions__group__title
-  +typecsset-font-size($first-font-size)
-  background: $gray
-  +space(padding, 0.5)
-  display: block
-  color: $white
-  border-top-left-radius: $border-radius
-  border-top-right-radius: $border-radius
-.actions__group__list
-  +border
-  +space(padding, 0.5)

data/index2.html DELETED Viewed

@@ -1,61 +0,0 @@
-<html>
-<head>
-  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-  <title>Styleguide</title>
-  <link rel="stylesheet" href="svg_images.css" />
-  <link rel="stylesheet" href="guide2.css" />
-  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/monokai_sublime.min.css">
-</head>
-<body am-grid>
-  <div class="guide-header">
-    <div class="container">
-      <a class="header__logo svg__logo--inverse" href="/">Envato Studio</a>
-    </div>
-  </div>
-  <div class="container">
-    <div am-grid-col="l:3" class="actions">
-      <div class="actions__group">
-        <strong class="actions__group__title">UI Kit</strong>
-        <ul class="actions__group__list">
-          <li><a href="#avatars" rel="avatars">Avatars</a></li>
-          <li><a href="#buttons" rel="buttons">Buttons</a></li>
-          <li><a href="#colors" rel="colors">Colors</a></li>
-          <li><a href="#forms" rel="forms">Forms</a></li>
-          <li><a href="#helpers" rel="helpers">Helpers</a></li>
-          <li><a href="#icons" rel="icons">Icons</a></li>
-          <li><a href="#links" rel="links">Links</a></li>
-          <li><a href="#paragraphs" rel="paragraphs">Paragraphs</a></li>
-          <li><a href="#typography" rel="typography">Typography</a></li>
-        </ul>
-      </div>
-      <div class="actions__group">
-        <strong class="actions__group__title">Patterns</strong>
-        <ul class="actions__group__list">
-          <li><a href="#banners" rel="banners">Banners</a></li>
-          <li><a href="#metrics" rel="metrics">Metrics</a></li>
-          <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>
-        </ul>
-      </div>
-    </div>
-    <aside am-grid-col="l:9">
-      <div id='content'></div>
-    </aside>
-  </div>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/highlight.min.js"></script>
-  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
-  <script src="guide.js"></script>
-  <script>
-    setupActions();
-    if (window.location.hash) {
-      var contentName = window.location.hash.replace("#", "");
-    } else {
-      var contentName = $('.actions a:first')[0].rel;
-    }
-    loadContent(contentName);
-  </script>
-</body>
-</html>