better build script
This commit is contained in:
@@ -49,7 +49,7 @@
|
||||
opacity: 1
|
||||
}
|
||||
</code></pre>
|
||||
<p>At the same time, the <code>impress-on-*</code> class is added to the body element, the class name represents the active <a href="#step-element">Step Element</a> id. This allows for custom global styling, since you can't match a CSS class backwards from the active <a href="#step-element">Step Element</a> to the <code>body</code>.</p>
|
||||
<p>At the same time, the <code>impress-on-*</code> class is added to the body element, the class name represents the active <a href="#step-element">Step Element</a> id. This allows for custom global styling, since you can't match a CSS class backwards from the active <a href="#step-elementStep Element</a> to the <code>body</code>.</p>
|
||||
<p><strong>Example:</strong></p>
|
||||
<pre><code class="language-CSS">.impress-on-overview .step {
|
||||
opacity: 1;
|
||||
|
||||
@@ -184,7 +184,7 @@ the value of the previous slide. This means, you need to explicitly set these va
|
||||
</code></pre>
|
||||
<h4>3D Rotation Order (data-rotate-order)</h4>
|
||||
<p>The order in which the CSS <code>rotateX(), rotateY(), rotateZ()</code> transforms are applied matters. This is because each rotation is relative to the then current position of the element.</p>
|
||||
<p>By default the rotation order is <code>data-rotate-order="xyz"</code>. For some advanced uses you may need to change it. The demo presentation <a href="examples/3D-rotations/index.html">3D rotations</a> sets this attribute to rotate some steps into positions that are impossible to reach with the default order.</p>
|
||||
<p>By default the rotation order is <code>data-rotate-order="xyz"</code>. For some advanced uses you may need to change it. The demo presentation <a href="/demo/examples/3D-rotations/index.html3D rotations</a> sets this attribute to rotate some steps into positions that are impossible to reach with the default order.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer"></div>
|
||||
|
||||
@@ -104,7 +104,7 @@ rootElement.addEventListener( "impress:stepleave", function(event) {
|
||||
});
|
||||
</code></pre>
|
||||
<h1>Improve The Docs</h1>
|
||||
<p>Did you find something that can be improved? Then <a href="https://github.com/impress/impress.js/issues/new">create an issue</a> so that we can discuss it!</p>
|
||||
<p>Did you find something that can be improved? Then <a href="https://github.com/impress/impress.js/issues/newcreate an issue</a> so that we can discuss it!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer"></div>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<div id="docPage">
|
||||
<div id="doc-container">
|
||||
<h2>Plugins</h2>
|
||||
<p>Many new features are implemented as plugins. The <a href="src/plugins/README.md">Plugins documentation</a> is the starting place to learn about those, as well as the README.md of <a href="src/plugins/">each plugin</a>.</p>
|
||||
<p>Many new features are implemented as plugins. The <a href="src/plugins/README.md">Plugins documentation</a> is the starting place to learn about those, as well as the README.md of <a href="https://github.com/impress/impress.js/src/plugins/each plugin</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer"></div>
|
||||
|
||||
Reference in New Issue
Block a user