LukyVj#61 Added site build files.

Author: jolidog

build/index.html

@@ -233,7 +233,7 @@ <h3>odd-between</h3>
         <header>
           <h3>n-between</h3>
         </header>
-        <pre><code id='n-between'><span class="param">@include</span> n-between(<span class="num" contenteditable id="n-between-a">3</span>,<span class="num" contenteditable id="n-between-b">3</span>,<span class="num" contenteditable id="n-between-c">13</span>)&#x000A;<span class="comment"> // This mixin uses 3 arguments, the first one is equal to N item,&#x000A; // the second is the starting item and the thirs the end item.  </span>&#x000A;</code></pre>
+        <pre><code id='n-between'><span class="param">@include</span> n-between(<span class="num" contenteditable id="n-between-a">3</span>,<span class="num" contenteditable id="n-between-b">3</span>,<span class="num" contenteditable id="n-between-c">13</span>)&#x000A;<span class="comment"> // This mixin uses 3 arguments, the first one is equal to N item,&#x000A; // the second is the starting item and the third the end item.  </span>&#x000A;</code></pre>
         <ul class='n-between'>
           <li>1</li>
           <li>2</li>
@@ -274,7 +274,7 @@ <h3>all-but</h3>
         <header>
           <h3>each</h3>
         </header>
-        <pre><code><span class="param"> @include</span> each(<span class="num" contenteditable id="each">3</span>)&#x000A;&#x000A;<span class="comment"> // Alias of each()</span>&#x000A;<span class="param"> @include</span> every(<span class="num" contenteditable id="each">3</span>)&#x000A;</code></pre>
+        <pre><code id='each'><span class="param"> @include</span> each(<span class="num" contenteditable id="each-every">3</span>,<span class="num" contenteditable id="each-from">0</span>)&#x000A;<span class="comment"> // This mixin uses 2 arguments, the first one is equal to N item,&#x000A; // the second is the starting item and can be omitted, the default value is 0.  </span>&#x000A;&#x000A;<span class="param"> @include</span> every(<span class="num">3</span>, <span class="num">1</span>)&#x000A;<span class="comment"> // Alias of each(), but the starting item defaults to 1.</span>&#x000A;</code></pre>
         <ul class='each'>
           <li>1</li>
           <li>2</li>

build/javascripts/demo.js

@@ -211,20 +211,31 @@ document.getElementById('all-but').addEventListener('keyup', function(){
 // each
 ///////////////////////////////
 
-function each(num) {
-	function injectStyle(num){
+function each(numa, numb) {
+	function injectStyle(numa, numb){
 		document.getElementById('style-each').innerHTML = `ul.each li { ${preStyle} }`;
-		document.getElementById('style-each').innerHTML += `.each li:nth-child(${num}n){
-			${selectedStyle}
+
+		if (numb == 0) {
+  		document.getElementById('style-each').innerHTML += `.each li:nth-child(${numa}n){
+  			${selectedStyle}
+  		}
+  		`
+		}
+		else {
+  		document.getElementById('style-each').innerHTML += `.each li:nth-child(${numa}n + ${numb}){
+  			${selectedStyle}
+  		}
+  		`
 		}
-		`
 	}
 
-	var newStyle = injectStyle(num);
+	var newStyle = injectStyle(numa, numb);
 
 }
 document.getElementById('each').addEventListener('keyup', function(){
-	each(this.innerHTML)
+	var vala = document.getElementById('each-every').innerHTML;
+	var valb = document.getElementById('each-from').innerHTML;
+	each(vala, valb)
 })
 
 ///////////////////////////////