livingstyleguide 2.0.0.pre.1 → 2.0.0.pre.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 069b01a6a6d225378438c2c17c49e14469ae27f1
-  data.tar.gz: 95faddacc7cfdbe4625eb868d8ccf726c8dd57ab
+  metadata.gz: 449f49344b6ba3da4f7f40904374e6e1475c1ab8
+  data.tar.gz: 2fe7b4c46f9051d9843bc6a9c50736739cf0ac57
 SHA512:
-  metadata.gz: 67e0bf0b2649e53fad21d1bb8a3573767362097e21652764c41bcb806bb300849099ba5220038d326c12085df905d9000607c6c6fcd89b1a18e42c6646922c66
-  data.tar.gz: 545d8e6258e461bede322acb4bfc6907690a71ed33c44c55e7c0400a193c0199e01ae93113307a79e022f88010c16c3ead3860a6906409c1b7780cf7ad6c4476
+  metadata.gz: 14246bdf8204e3cb21e7fce5365812db0a67f8526e30664c9f7a3cba422bde47087b243495a62ee257b1c36c90bdd65f117d399f63a0fb2f9e90f5d556056927
+  data.tar.gz: 8dd2a4c1892812ab483c0dade82fa4d2e921a837cab489bf8742d7d32f99d822fd25389c887e5289dead692028d81298bb10e1c63179783b99f55366de3b4ad9

data/lib/livingstyleguide/templates/layout.html.erb

@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
 <meta content="width=device-width, initial-scale=1.0" name="viewport">
-<meta content="The LivingStyleGuide Gem – http://livingstyleguide.org" name="generator">
+<meta content="The LivingStyleGuide Gem v<%= LivingStyleGuide::VERSION %> – https://livingstyleguide.org" name="generator">
 <title><%= ERB::Util.h(title) %></title>
 <script>
 // see: http://www.hagenburger.net/BLOG/Simple-HTML5-Fix-for-IE.html

data/lib/livingstyleguide/templates/scripts/copy_colors.js.erb

@@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", function() {
             selectElementRange(createDiv(this.children[0].innerHTML));
           }
           else {
-            var copyHexColors = window.getComputedStyle(this, ":after").getPropertyValue("content");
+            var copyHexColors = window.getComputedStyle(this, "::after").getPropertyValue("content");
             copyHexColors = copyHexColors.replace(/'|"/g, "");
             selectElementRange(createDiv(copyHexColors));
           }

data/lib/livingstyleguide/templates/search-box.html.erb

@@ -1 +1 @@
-<input type="search" class="lsg--search-box" placeholder="<%= placeholder %>" autofocus>
+<input type="search" class="lsg--search-box" placeholder="<%= placeholder %>">

data/lib/livingstyleguide/version.rb

@@ -1,3 +1,3 @@
 module LivingStyleGuide
-  VERSION = "2.0.0.pre.1"
+  VERSION = "2.0.0.pre.2"
 end

data/stylesheets/livingstyleguide/_code.scss

@@ -21,7 +21,7 @@
     display: block;
     font-weight: bold;
 
-    &:before {
+    &::before {
       content: "> ";
     }
   }
@@ -57,8 +57,8 @@
     display: inline;
     vertical-align: baseline;
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       content: "";
     }
   }

data/stylesheets/livingstyleguide/_color-swatches.scss

@@ -57,8 +57,8 @@
     text-align: left;
     text-indent: -119988px;
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       display: none;
     }
   }

data/stylesheets/livingstyleguide/_content.scss

@@ -70,12 +70,12 @@
     }
   }
 
-  &:before {
+  &::before {
     content: "#";
     transition: transform 0.2s;
   }
 
-  &:active:before {
+  &:active::before {
     transform: scale(0.8);
   }
 }

data/stylesheets/livingstyleguide/_functions.scss

@@ -6,3 +6,26 @@
       $color-b 0)
     repeat 0 0/#{$size} #{$size};
 }
+
+@function lsg--str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace +
+            lsg--str-replace(
+              str-slice($string, $index + str-length($search)),
+              $search, $replace
+            );
+  }
+
+  @return $string;
+}
+
+$lsg--escapes: ("(": "\\(", ")": "\\)", "$": "\\$", "#": "\\#");
+
+@function lsg--escape-selector($selector) {
+  @each $before, $after in $lsg--escapes {
+    $selector: lsg--str-replace($selector, $before, $after);
+  }
+  @return $selector;
+}

data/stylesheets/livingstyleguide/_variables.scss

@@ -4,15 +4,7 @@ $lsg--variables: () !default;
   $value: null !default;
 
   @if $value != null {
-    $selector: $variable;
-
-    @if str-slice($variable, 1, 1) == "$" or str-slice($variable, 1, 1) == "#" {
-      $selector: "\\" + $selector;
-    }
-
-    @if str-slice($variable, -2, -1) == "()" {
-      $selector: str-slice($variable, 1, -3) + "\\(\\)";
-    }
+    $selector: lsg--escape-selector($variable);
 
     .#{$selector} {
       @if type-of($value) == color {
@@ -33,12 +25,12 @@ $lsg--variables: () !default;
           }
         }
 
-        &:before {
+        &::before {
           background-color: $value;
         }
       }
 
-      &:after {
+      &::after {
         @extend %lsg--code !optional;
         content: "#{inspect($value)}";
       }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: livingstyleguide
 version: !ruby/object:Gem::Version
-  version: 2.0.0.pre.1
+  version: 2.0.0.pre.2
 platform: ruby
 authors:
 - Nico Hagenburger
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-03-13 00:00:00.000000000 Z
+date: 2016-05-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: minisyntax
@@ -299,3 +299,4 @@ signing_key:
 specification_version: 4
 summary: Generate beautiful front-end style guides
 test_files: []
+has_rdoc: