1
0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-23 21:33:09 +02:00

kss - Multipurpose blocks

This commit is contained in:
Luis Sacristán
2017-10-19 21:39:31 +02:00
parent dbafa9fb10
commit 4e3e49768f
22 changed files with 308 additions and 97 deletions

View File

@@ -91,6 +91,14 @@
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/classes#slide&#x3D;37" title="Specs" target="_blank">Specs</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
@@ -100,25 +108,25 @@
<div class="kss-modifier__example">
<ul class="flexblock specs">
<li>
<div>
<h2>Ultra-Fast WiFi</h2>
Simple and secure file sharing.
</div>
</li>
<li>
<div>
<h2>All day battery life</h2>
Your battery worries may be over.
</div>
</li>
<li>
<div>
<h2>Lifetime Warranty </h2>
We'll fix it or if we can't, we'll replace it.
</div>
</li>
</ul>
<li>
<div>
<h2>Ultra-Fast WiFi</h2>
Simple and secure file sharing.
</div>
</li>
<li>
<div>
<h2>All day battery life</h2>
Your battery worries may be over.
</div>
</li>
<li>
<div>
<h2>Lifetime Warranty </h2>
We'll fix it or if we can't, we'll replace it.
</div>
</li>
</ul>
<div class="kss-modifier__example-footer"></div>
</div>
@@ -129,25 +137,25 @@
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;ul class&#x3D;&quot;flexblock specs&quot;&gt;
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;Ultra-Fast WiFi&lt;/h2&gt;
Simple and secure file sharing.
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;All day battery life&lt;/h2&gt;
Your battery worries may be over.
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;Lifetime Warranty &lt;/h2&gt;
We&#x27;ll fix it or if we can&#x27;t, we&#x27;ll replace it.
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;</code></pre>
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;Ultra-Fast WiFi&lt;/h2&gt;
Simple and secure file sharing.
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;All day battery life&lt;/h2&gt;
Your battery worries may be over.
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div&gt;
&lt;h2&gt;Lifetime Warranty &lt;/h2&gt;
We&#x27;ll fix it or if we can&#x27;t, we&#x27;ll replace it.
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</details>
<div class="kss-source kss-style">