Permalink
Browse files

update build

  • Loading branch information...
dmotz committed Nov 25, 2012
1 parent e650754 commit 86480c9aae99f090a87206d3b04983cb7322283d
Showing with 7 additions and 3 deletions.
  1. +4 −2 docs/oriDomi.html
  2. +2 −0 oriDomi.js
  3. +1 −1 oriDomi.min.js
View
@@ -81,7 +81,8 @@ <h4>by <a href="http://oxism.com">Dan Motzenbecker</a></h4>
<span class="nv">stage.style.height = </span><span class="nx">@height</span> <span class="o">+</span> <span class="s">&#39;px&#39;</span></pre></div> </td> </tr> <tr id="section-73"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-73">&#182;</a> </div> <p>By default, each stage is hidden and absolutely positioned so they stack
on top of each other.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nv">stage.style.display = </span><span class="s">&#39;none&#39;</span>
<span class="nv">stage.style.position = </span><span class="s">&#39;absolute&#39;</span></pre></div> </td> </tr> <tr id="section-74"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-74">&#182;</a> </div> <p>Eliminate padding and margins since the stage is already the full width and height.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nv">stage.style.padding = </span><span class="s">&#39;0&#39;</span>
- <span class="nv">stage.style.margin = </span><span class="s">&#39;0&#39;</span></pre></div> </td> </tr> <tr id="section-75"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-75">&#182;</a> </div> <p>Apply 3D perspective to the stage prototype.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">stage</span><span class="p">.</span><span class="nx">style</span><span class="p">[</span><span class="nx">css</span><span class="p">.</span><span class="nx">perspective</span><span class="p">]</span> <span class="o">=</span> <span class="nx">@settings</span><span class="p">.</span><span class="nx">perspective</span> <span class="o">+</span> <span class="s">&#39;px&#39;</span></pre></div> </td> </tr> <tr id="section-76"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-76">&#182;</a> </div> <p>Loop through the anchors list and create a stage and empty panel set for each.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">for</span> <span class="nx">anchor</span> <span class="k">in</span> <span class="nx">@anchors</span>
+ <span class="nv">stage.style.margin = </span><span class="s">&#39;0&#39;</span></pre></div> </td> </tr> <tr id="section-75"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-75">&#182;</a> </div> <p>Apply 3D perspective and preserve any parent perspective.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">stage</span><span class="p">.</span><span class="nx">style</span><span class="p">[</span><span class="nx">css</span><span class="p">.</span><span class="nx">perspective</span><span class="p">]</span> <span class="o">=</span> <span class="nx">@settings</span><span class="p">.</span><span class="nx">perspective</span> <span class="o">+</span> <span class="s">&#39;px&#39;</span>
+ <span class="nx">stage</span><span class="p">.</span><span class="nx">style</span><span class="p">[</span><span class="nx">css</span><span class="p">.</span><span class="nx">transformStyle</span><span class="p">]</span> <span class="o">=</span> <span class="s">&#39;preserve-3d&#39;</span></pre></div> </td> </tr> <tr id="section-76"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-76">&#182;</a> </div> <p>Loop through the anchors list and create a stage and empty panel set for each.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">for</span> <span class="nx">anchor</span> <span class="k">in</span> <span class="nx">@anchors</span>
<span class="nx">@panels</span><span class="p">[</span><span class="nx">anchor</span><span class="p">]</span> <span class="o">=</span> <span class="p">[]</span>
<span class="nx">@stages</span><span class="p">[</span><span class="nx">anchor</span><span class="p">]</span> <span class="o">=</span> <span class="nx">stage</span><span class="p">.</span><span class="nx">cloneNode</span> <span class="kc">false</span>
<span class="nx">@stages</span><span class="p">[</span><span class="nx">anchor</span><span class="p">].</span><span class="nv">className = </span><span class="s">&#39;oridomi-stage-&#39;</span> <span class="o">+</span> <span class="nx">anchor</span></pre></div> </td> </tr> <tr id="section-77"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-77">&#182;</a> </div> <p>If shading is enabled, create an object literal to hold shaders.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="nx">@shading</span>
@@ -103,7 +104,8 @@ <h4>by <a href="http://oxism.com">Dan Motzenbecker</a></h4>
<span class="nv">shader.style.height = </span><span class="s">&#39;100%&#39;</span>
<span class="nv">shader.style.opacity = </span><span class="s">&#39;0&#39;</span>
<span class="nv">shader.style.top = </span><span class="s">&#39;0&#39;</span>
- <span class="nv">shader.style.left = </span><span class="s">&#39;0&#39;</span></pre></div> </td> </tr> <tr id="section-80"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-80">&#182;</a> </div> <p>The content holder is a clone of the target element.
+ <span class="nv">shader.style.left = </span><span class="s">&#39;0&#39;</span>
+ <span class="nv">shader.style.pointerEvents = </span><span class="s">&#39;none&#39;</span></pre></div> </td> </tr> <tr id="section-80"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-80">&#182;</a> </div> <p>The content holder is a clone of the target element.
Every panel will contain one.</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nv">contentHolder = </span><span class="nx">@el</span><span class="p">.</span><span class="nx">cloneNode</span> <span class="kc">true</span>
<span class="nx">contentHolder</span><span class="p">.</span><span class="nx">classList</span><span class="p">.</span><span class="nx">add</span> <span class="s">&#39;oridomi-content&#39;</span>
<span class="nv">contentHolder.style.margin = </span><span class="s">&#39;0&#39;</span>
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 86480c9

Please sign in to comment.