anecdote 0.0.12 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ff1401eb1c4a1eb66947868960bdee98819e376b
-  data.tar.gz: 9c64c70c1dbd8c7d1f93ebd1f23953462f07b628
+  metadata.gz: e314ab656b007a601b41c79541c67dd4442d76f5
+  data.tar.gz: 0620f079c11e6d81380016537be35223573aeefc
 SHA512:
-  metadata.gz: 47063a277cb0f93e3a5201fe16c43ff35a69850cb84837f65acde576195437fd981b36b6b014e9b65fef806cb03b5ed1b7314c1e3c72bc0a3aba7d9454dccc1f
-  data.tar.gz: c84f53a4f2c5dd8aed9c095076bc854e7bbe1bb646d34618c84912dd12807fb5072a32dca24714bf3c39c9e1e41ea8ea6d48e2811dd9b2b2017cf9976261dfde
+  metadata.gz: 4df9135c1f45274bba0f9ec9627aa0fb22cc2f9272c21f6232743b73696cef118f19e6ba5a28e03d4327b68fc2e04918dd194d96f68c3a441a55a6cb58474ff7
+  data.tar.gz: 693e63f896c690d6c03bd2a2b194a4e14bf39f1043a1aa7f6bb7bddecc43b9617308e4ee47c980334e6999bc207209bf1d692a4177b8f7c96884f0d0652808bd

data/app/assets/stylesheets/anecdote/_helpers.css.scss

@@ -13,6 +13,7 @@ $respond-device-tablet: map-get($respond-devices, tablet);
 $respond-device-laptop: map-get($respond-devices, laptop);
 $respond-device-large-monitor: map-get($respond-devices, large-monitor);
 $fix-mqs: false !default;
+$color-strokes: #e9e9e9 !default;
 
 
 

data/app/assets/stylesheets/anecdote/_wysicontent.css.scss

@@ -238,7 +238,7 @@
 .anecdote-pull-quote-sba2ha {
   @include formatted-text( 1.3, false, false );
   color: #333;
-  border: 2px solid #eee;
+  border: 2px solid $color-strokes;
   border-left: none;
   border-right: none;
   font-style: italic;
@@ -260,3 +260,74 @@
     }
   }
 }
+
+
+
+/*---------------------------------------------------
+--- Anecdote: Spacing & Horizontal Lines
+--------------------------------------------------- */
+
+.anecdote-spacing-an4a2q {
+  height: 1px;
+  width: 100%;
+  display: block;
+  @include remify( margin-top margin-bottom, 1.2 );
+  &.v-tiny {
+    @include remify( margin-top margin-bottom, 0.15 );
+  }
+  &.v-small {
+    @include remify( margin-top margin-bottom, 0.6 );
+  }
+  &.v-big {
+    @include remify( margin-top margin-bottom, 2.5 );
+  }
+  &.v-mega {
+    @include remify( margin-top margin-bottom, 4 );
+  }
+}
+
+.anecdote-horizontal-line-asj31a {
+  width: 100%;
+  display: block;
+  margin-top: 0;
+  margin-bottom: 0;
+
+  height: 1px;
+  background-color: $color-strokes;
+  &.v-light {
+    background-color: lighten($color-strokes, 4%);
+  }
+  &.v-notable {
+    height: 2px;
+  }
+  &.v-heavy {
+    height: 5px;
+  }
+  hr {
+    display: none;
+  }
+}
+
+/*---------------------------------------------------
+--- Anecdote: Font Styles & Sizes
+--------------------------------------------------- */
+
+.anecdote-primary-font-a3a8fb {
+
+}
+.anecdote-secondary-font-a3a8fb {
+
+}
+
+.anecdote-tiny-text-size-an43ja {
+  @include remify( font-size, 0.7 );
+}
+.anecdote-small-text-size-an43ja {
+  @include remify( font-size, 0.85 );
+}
+.anecdote-normal-text-size-an43ja {
+  @include remify( font-size, 1 );
+}
+.anecdote-large-text-size-an43ja {
+  @include remify( font-size, 1.15 );
+}

data/lib/anecdote/version.rb

@@ -1,3 +1,3 @@
 module Anecdote
-  VERSION = "0.0.12"
+  VERSION = "0.0.13"
 end

data/lib/anecdote.rb

@@ -140,6 +140,32 @@ module Anecdote
         view_context.content_tag(:div, view_context.content_tag(:div, markdown_and_parse(settings[:text]), class: 'inner'), class: klass)
       end
       })
+
+    raconteur.processors.register!('horizontal-line', {
+      handler: lambda do |settings|
+        klasses = ['anecdote-horizontal-line-asj31a']
+        klasses += module_classes(settings)
+        klasses << case settings[:weight]
+        when 'light' then 'v-light'
+        when 'notable' then 'v-notable'
+        when 'heavy' then 'v-heavy'
+        end
+        view_context.content_tag(:div, view_context.content_tag(:hr), class: klasses.flatten.join(' '))
+      end
+      })
+
+    raconteur.processors.register!('spacing', {
+      handler: lambda do |settings|
+        klasses = ['anecdote-spacing-an4a2q']
+        klasses << case settings[:size]
+        when 'tiny' then 'v-tiny'
+        when 'small' then 'v-small'
+        when 'big' then 'v-big'
+        when 'mega' then 'v-mega'
+        end
+        view_context.content_tag(:div, nil, class: klasses.flatten.join(' '))
+      end
+      })
   end
 
 
@@ -198,6 +224,16 @@ module Anecdote
 
   def self.module_classes(settings)
     klasses = %w(anecdote-module-3ba83n)
+    klasses << case settings[:font_family]
+    when 'primary' then 'anecdote-primary-font-a3a8fb'
+    when 'secondary' then 'anecdote-secondary-font-a3a8fb'
+    end
+    klasses << case settings[:font_size]
+    when 'tiny' then 'anecdote-tiny-text-size-an43ja'
+    when 'small' then 'anecdote-small-text-size-an43ja'
+    when 'normal' then 'anecdote-normal-text-size-an43ja'
+    when 'large' then 'anecdote-large-text-size-an43ja'
+    end
     if settings[:size].present?
       klasses << case settings[:size]
       when 'small' then 'v-size-small'
@@ -236,7 +272,7 @@ module Anecdote
       when 'negative' then 'v-mood-negative'
       end
     end
-    klasses
+    klasses.compact
   end
 
 

data/test/dummy/app/assets/stylesheets/application.css.scss

@@ -159,6 +159,18 @@ $remify-baseline: 20;
   @include secondary-font;
 }
 
+/*---------------------------------------------------
+--- Anecdote: Font Styles & Sizes
+--------------------------------------------------- */
+
+.anecdote-primary-font-a3a8fb {
+  @include primary-font;
+}
+.anecdote-secondary-font-a3a8fb {
+  @include secondary-font;
+}
+
+
 /*---------------------------------------------------
 --- Typography
 --------------------------------------------------- */

data/test/dummy/app/views/pages/article.markdown

@@ -1,18 +1,5 @@
 # Category-Specific Sorting: A New Way to Sort Products
 
-{{% columns: size=big + flexes=1:1 %}}
-  {{% anecdote %}}
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-{{ graphic: href=//baymard.com + href-title=$Clicking this image will take you to Baymard.com!$ + assets-path=category-specific-sorting-01-rei-mock-up.jpg + size=big + caption=$This is the 3rd in a series of 9 articles based on research findings from our e-commerce [product list usability](http://baymard.com/research/ecommerce-product-lists study).$ }}
-  {{% end %}}
-  {{% anecdote %}}
-Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-Sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
-  {{% end %}}
-{{% end %}}
-
 {{ graphic: href=//baymard.com + href-title=$Clicking this image will take you to Baymard.com!$ + assets-path=category-specific-sorting-01-rei-mock-up.jpg + size=full-width + caption=$This is the 3rd in a series of 9 articles based on research findings from our e-commerce [product list usability](http://baymard.com/research/ecommerce-product-lists study).$ }}
 
 We considered naming this article "the sort type all users want but zero sites offer" because category-specific sorting really is one of those rare instances where an obvious feature has somehow been **completely overlooked** by the e-commerce community. After all, it really shouldn't come as a surprise that users would like to sort a list of TVs by "Screen size" or a collection of hard drives by "Storage capacity".