Dev (#64)

* Fix #56

* Fixed twitter sharing message: more mixins :) (#58)

* Update file weight

* Remove each-after() mixin; See #37 & #61

* Remove each-after() mixin; See #37 & #61

Author: LukyVj

index.html

@@ -18,9 +18,10 @@
   <div aria-hidden id='pattern'></div>
   <section class='hero-container'>
     <h1>Family.scss</h1>
-    <p><strong>Family.scss</strong> is a set of <strong><span id="amount"></span></strong> smart Sass mixins which will help you to manage the style of <code>:nth-child</code>’ified elements, in an easy and classy way.</p>
+    <p><strong>Family.scss</strong> is a set of <strong><span id="amount">26</span></strong> smart Sass mixins which will help you to manage the style of <code>:nth-child</code>’ified elements, in an easy and classy way.</p>
     <div class='container-link'>
       <a class='btn cta w-icon' download='download' href='https://raw.githubusercontent.com/LukyVj/family.scss/master/source/src/family.scss'><svg aria-label="Reset" role="img"><use xlink:href="#icon-download" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg> Download (4kb)</a>
+
       <a class='btn cta w-icon' href='https://github.com/LukyVj/family.scss'><svg aria-label="Reset" role="img"><use xlink:href="#icon-github" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg>  Github</a>
     </div>
     <script async='' id='_carbonads_js' src='//cdn.carbonads.com/carbon.js?zoneid=1673&amp;serve=C6AILKT&amp;placement=lukyvjgithubiofamilyscss' type='text/javascript'></script>
@@ -36,7 +37,6 @@ <h1>Family.scss</h1>
 <style id='style-n-between'></style>
 <style id='style-all-but'></style>
 <style id='style-each'></style>
-<style id='style-each-after'></style>
 <style id='style-from-first-last'></style>
 <style id='style-middle'></style>
 <style id='style-all-but-first-last'></style>
@@ -289,34 +289,6 @@ <h3>each</h3>
           <li>10</li>
         </ul>
       </div>
-      <div class='row mixin'>
-        <header>
-          <h3>each-after</h3>
-        </header>
-        <pre><code id='each-after'><span class="param"> @include</span> each-after(<span class="num" contenteditable id="each-after-a">3</span>,<span class="num" contenteditable id="each-after-b">6</span>)&#x000A;</code></pre>
-        <ul class='each-after'>
-          <li>1</li>
-          <li>2</li>
-          <li>3</li>
-          <li>4</li>
-          <li>5</li>
-          <li>6</li>
-          <li>7</li>
-          <li>8</li>
-          <li>9</li>
-          <li>10</li>
-          <li>11</li>
-          <li>12</li>
-          <li>13</li>
-          <li>14</li>
-          <li>15</li>
-          <li>16</li>
-          <li>17</li>
-          <li>18</li>
-          <li>19</li>
-          <li>20</li>
-        </ul>
-      </div>
       <div class='row mixin'>
         <header>
           <h3>from-first-last</h3>
@@ -629,12 +601,16 @@ <h2 class='title'>Playground</h2>
 <footer class='footer-section' role='contentinfo'>
   <p class='text-center'>Made with &lt;<a href="https://github.com/LukyVj/family.scss">code</a>&gt; by <a href="http://twitter.com/LukyVj">@LukyVj</a> - <a href="#about" data-toggle-modal>About</a></p>
   <div class='share'>
+<<<<<<< HEAD
     <a href='https://twitter.com/intent/tweet?text=Family.scss%20-%20A%20set%20of%2027%20Sass%20mixins%20which%20will%20help%20you%20to%20manage%20your%20%3Anth-child%27ified%20elements%20http%3A%2F%2Flukyvj.github.io%2Ffamily.scss%2F%20via%20%40lukyvj'>
+=======
+    <a href='https://twitter.com/intent/tweet?text=Family.scss%20-%20A%20set%20of%20%20Sass%20mixins%20which%20will%20help%20you%20to%20manage%20your%20%3Anth-child%27ified%20elements%20http%3A%2F%2Flukyvj.github.io%2Ffamily.scss%2F%20via%20%40lukyvj'>
+>>>>>>> 45075dd4c0066a037a1b5277140287cbdea7005e
       <img alt='Twitter logo' src='images/twitter-icon.svg'>
     </a>
   </div>
   <p class='version'>
-    Version: <a href="https://github.com/LukyVj/family.scss/releases/">1.0.5</a>
+    Version: <a href="https://github.com/LukyVj/family.scss/releases/">1.0.6</a>
   </p>
 </footer>
 <div class='about-section'>

javascripts/all.js

@@ -1,7 +1,6 @@
 'use strict';
 
 window.onload = function(){
-  getNbSamples()
   childManager()
   childIndex();
   modalizer();
@@ -48,11 +47,6 @@ function mixPattern(num) {
   }
 }
 
-function getNbSamples(){
-  var n = document.getElementById('amount');
-  var ex = document.querySelectorAll('.doc ul').length;
-  n.textContent = ex;
-}
 
 // Generate li incrementer
 function childManager(){

javascripts/demo.js

@@ -234,10 +234,18 @@ document.getElementById('each').addEventListener('keyup', function(){
 function eachAfter(numa, numb) {
 	function injectStyle(numa, numb){
 		document.getElementById('style-each-after').innerHTML = `ul.each-after li { ${preStyle} }`;
-		document.getElementById('style-each-after').innerHTML += `.each-after li:nth-child(${numb}n) ~ li:nth-child(${numa}n){
-			${selectedStyle}
-		}
-		`
+		// if (numb < numa ) {
+			document.getElementById('style-each-after').innerHTML += `.each-after li:nth-child(${numb - numa}n) ~ :nth-child(${numa}n){
+				${selectedStyle}
+			}
+			`
+		// }
+		//  else {
+		// 	document.getElementById('style-each-after').innerHTML += `.each-after li:nth-child(${numb}n) ~ :nth-child(${numa}n){
+		// 		${selectedStyle}
+		// 	}
+		// 	`
+		// }
 	}
 
 	var newStyle = injectStyle(numa, numb);