mirror of
https://github.com/webslides/WebSlides.git
synced 2025-08-16 01:54:53 +02:00
kss - Multipurpose blocks
This commit is contained in:
Luis Sacristán
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=43" title="CVs" target="_blank">CVs</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,17 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=37" title="Clients" target="_blank">Clients</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=38" title="With border" target="_blank">With border</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=40" title="Features" target="_blank">Features</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -169,7 +169,7 @@
|
|||||||
</details>
|
</details>
|
||||||
|
|
||||||
<div class="kss-source kss-style">
|
<div class="kss-source kss-style">
|
||||||
Source: <code>modules/_flexblock-gallery.scss</code>, line 44
|
Source: <code>modules/_flexblock-gallery.scss</code>, line 47
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=44" title="Portfolio" target="_blank">Portfolio</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=47" title="Metrics" target="_blank">Metrics</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=48" title="Plans" target="_blank">Plans</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/classes#slide=55" title="Reasons" target="_blank">Reasons</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/classes#slide=37" title="Specs" target="_blank">Specs</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -100,25 +108,25 @@
|
|||||||
|
|
||||||
<div class="kss-modifier__example">
|
<div class="kss-modifier__example">
|
||||||
<ul class="flexblock specs">
|
<ul class="flexblock specs">
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Ultra-Fast WiFi</h2>
|
<h2>Ultra-Fast WiFi</h2>
|
||||||
Simple and secure file sharing.
|
Simple and secure file sharing.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>All day battery life</h2>
|
<h2>All day battery life</h2>
|
||||||
Your battery worries may be over.
|
Your battery worries may be over.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Lifetime Warranty </h2>
|
<h2>Lifetime Warranty </h2>
|
||||||
We'll fix it or if we can't, we'll replace it.
|
We'll fix it or if we can't, we'll replace it.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="kss-modifier__example-footer"></div>
|
<div class="kss-modifier__example-footer"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -129,25 +137,25 @@
|
|||||||
Markup
|
Markup
|
||||||
</summary>
|
</summary>
|
||||||
<pre class="prettyprint linenums lang-html"><code data-language="html"><ul class="flexblock specs">
|
<pre class="prettyprint linenums lang-html"><code data-language="html"><ul class="flexblock specs">
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Ultra-Fast WiFi</h2>
|
<h2>Ultra-Fast WiFi</h2>
|
||||||
Simple and secure file sharing.
|
Simple and secure file sharing.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>All day battery life</h2>
|
<h2>All day battery life</h2>
|
||||||
Your battery worries may be over.
|
Your battery worries may be over.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Lifetime Warranty </h2>
|
<h2>Lifetime Warranty </h2>
|
||||||
We'll fix it or if we can't, we'll replace it.
|
We'll fix it or if we can't, we'll replace it.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul></code></pre>
|
</ul></code></pre>
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
<div class="kss-source kss-style">
|
<div class="kss-source kss-style">
|
||||||
|
|||||||
@@ -91,6 +91,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=39" title="Steps" target="_blank">Steps</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -143,6 +143,20 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=27" title="Normal" target="_blank">Normal</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=34" title="Block link" target="_blank">Block link</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=29" title="Border" target="_blank">Border</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -143,6 +143,20 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=27" title="Normal" target="_blank">Normal</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=34" title="Block link" target="_blank">Block link</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=29" title="Border" target="_blank">Border</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -292,6 +306,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=43" title="CVs" target="_blank">CVs</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -418,6 +440,17 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=37" title="Clients" target="_blank">Clients</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=38" title="With border" target="_blank">With border</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -542,6 +575,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=40" title="Features" target="_blank">Features</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -663,6 +704,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=44" title="Portfolio" target="_blank">Portfolio</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -851,7 +900,7 @@
|
|||||||
</details>
|
</details>
|
||||||
|
|
||||||
<div class="kss-source kss-style">
|
<div class="kss-source kss-style">
|
||||||
Source: <code>modules/_flexblock-gallery.scss</code>, line 44
|
Source: <code>modules/_flexblock-gallery.scss</code>, line 47
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -871,6 +920,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=47" title="Metrics" target="_blank">Metrics</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -974,6 +1031,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=48" title="Plans" target="_blank">Plans</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -1122,6 +1187,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/classes#slide=55" title="Reasons" target="_blank">Reasons</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -1182,6 +1255,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/classes#slide=37" title="Specs" target="_blank">Specs</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
@@ -1191,25 +1272,25 @@
|
|||||||
|
|
||||||
<div class="kss-modifier__example">
|
<div class="kss-modifier__example">
|
||||||
<ul class="flexblock specs">
|
<ul class="flexblock specs">
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Ultra-Fast WiFi</h2>
|
<h2>Ultra-Fast WiFi</h2>
|
||||||
Simple and secure file sharing.
|
Simple and secure file sharing.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>All day battery life</h2>
|
<h2>All day battery life</h2>
|
||||||
Your battery worries may be over.
|
Your battery worries may be over.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Lifetime Warranty </h2>
|
<h2>Lifetime Warranty </h2>
|
||||||
We'll fix it or if we can't, we'll replace it.
|
We'll fix it or if we can't, we'll replace it.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="kss-modifier__example-footer"></div>
|
<div class="kss-modifier__example-footer"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -1220,25 +1301,25 @@
|
|||||||
Markup
|
Markup
|
||||||
</summary>
|
</summary>
|
||||||
<pre class="prettyprint linenums lang-html"><code data-language="html"><ul class="flexblock specs">
|
<pre class="prettyprint linenums lang-html"><code data-language="html"><ul class="flexblock specs">
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Ultra-Fast WiFi</h2>
|
<h2>Ultra-Fast WiFi</h2>
|
||||||
Simple and secure file sharing.
|
Simple and secure file sharing.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>All day battery life</h2>
|
<h2>All day battery life</h2>
|
||||||
Your battery worries may be over.
|
Your battery worries may be over.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<h2>Lifetime Warranty </h2>
|
<h2>Lifetime Warranty </h2>
|
||||||
We'll fix it or if we can't, we'll replace it.
|
We'll fix it or if we can't, we'll replace it.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul></code></pre>
|
</ul></code></pre>
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
<div class="kss-source kss-style">
|
<div class="kss-source kss-style">
|
||||||
@@ -1262,6 +1343,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
Demos
|
||||||
|
</div>
|
||||||
|
<ul class="kss__demos">
|
||||||
|
<li>
|
||||||
|
<a href="https://webslides.tv/demos/components#slide=39" title="Steps" target="_blank">Steps</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="kss-modifier__wrapper">
|
<div class="kss-modifier__wrapper">
|
||||||
<div class="kss-modifier__heading kss-style">
|
<div class="kss-modifier__heading kss-style">
|
||||||
|
|||||||
@@ -47,6 +47,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [CVs](https://webslides.tv/demos/components#slide=43)
|
||||||
|
//
|
||||||
// Styleguide Multipurpose blocks.Activity
|
// Styleguide Multipurpose blocks.Activity
|
||||||
.flexblock.activity {
|
.flexblock.activity {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
@@ -28,6 +28,10 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Clients](https://webslides.tv/demos/components#slide=37)
|
||||||
|
// [With border](https://webslides.tv/demos/components#slide=38)
|
||||||
|
//
|
||||||
// .border - with border
|
// .border - with border
|
||||||
//
|
//
|
||||||
// Styleguide Multipurpose blocks.Clients
|
// Styleguide Multipurpose blocks.Clients
|
||||||
|
|||||||
@@ -27,6 +27,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Features](https://webslides.tv/demos/components#slide=40)
|
||||||
|
//
|
||||||
// .border - with border
|
// .border - with border
|
||||||
//
|
//
|
||||||
// Styleguide Multipurpose blocks.Features
|
// Styleguide Multipurpose blocks.Features
|
||||||
|
|||||||
@@ -39,6 +39,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Portfolio](https://webslides.tv/demos/components#slide=44)
|
||||||
|
//
|
||||||
// Styleguide Multipurpose blocks.Gallery
|
// Styleguide Multipurpose blocks.Gallery
|
||||||
|
|
||||||
// Gallery + Overflow
|
// Gallery + Overflow
|
||||||
|
|||||||
@@ -21,6 +21,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Metrics](https://webslides.tv/demos/components#slide=47)
|
||||||
|
//
|
||||||
// .border - with border
|
// .border - with border
|
||||||
//
|
//
|
||||||
// Styleguide Multipurpose blocks.Metrics
|
// Styleguide Multipurpose blocks.Metrics
|
||||||
|
|||||||
@@ -36,6 +36,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Plans](https://webslides.tv/demos/components#slide=48)
|
||||||
|
//
|
||||||
// .blink - block linkable
|
// .blink - block linkable
|
||||||
//
|
//
|
||||||
// Styleguide Multipurpose blocks.Plans
|
// Styleguide Multipurpose blocks.Plans
|
||||||
|
|||||||
@@ -14,6 +14,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Reasons](https://webslides.tv/demos/classes#slide=55)
|
||||||
|
//
|
||||||
// Styleguide Multipurpose blocks.Reasons
|
// Styleguide Multipurpose blocks.Reasons
|
||||||
.flexblock.reasons {
|
.flexblock.reasons {
|
||||||
li {
|
li {
|
||||||
|
|||||||
@@ -4,25 +4,28 @@
|
|||||||
//
|
//
|
||||||
// Markup:
|
// Markup:
|
||||||
// <ul class="flexblock specs">
|
// <ul class="flexblock specs">
|
||||||
// <li>
|
// <li>
|
||||||
// <div>
|
// <div>
|
||||||
// <h2>Ultra-Fast WiFi</h2>
|
// <h2>Ultra-Fast WiFi</h2>
|
||||||
// Simple and secure file sharing.
|
// Simple and secure file sharing.
|
||||||
// </div>
|
// </div>
|
||||||
// </li>
|
// </li>
|
||||||
// <li>
|
// <li>
|
||||||
// <div>
|
// <div>
|
||||||
// <h2>All day battery life</h2>
|
// <h2>All day battery life</h2>
|
||||||
// Your battery worries may be over.
|
// Your battery worries may be over.
|
||||||
// </div>
|
// </div>
|
||||||
// </li>
|
// </li>
|
||||||
// <li>
|
// <li>
|
||||||
// <div>
|
// <div>
|
||||||
// <h2>Lifetime Warranty </h2>
|
// <h2>Lifetime Warranty </h2>
|
||||||
// We'll fix it or if we can't, we'll replace it.
|
// We'll fix it or if we can't, we'll replace it.
|
||||||
// </div>
|
// </div>
|
||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Specs](https://webslides.tv/demos/classes#slide=37)
|
||||||
//
|
//
|
||||||
// Styleguide Multipurpose blocks.Specs
|
// Styleguide Multipurpose blocks.Specs
|
||||||
|
|
||||||
|
|||||||
@@ -30,6 +30,9 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Steps](https://webslides.tv/demos/components#slide=39)
|
||||||
|
//
|
||||||
// Styleguide Multipurpose blocks.Steps
|
// Styleguide Multipurpose blocks.Steps
|
||||||
.steps li {
|
.steps li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -26,6 +26,11 @@
|
|||||||
// </li>
|
// </li>
|
||||||
// </ul>
|
// </ul>
|
||||||
//
|
//
|
||||||
|
// Demos:
|
||||||
|
// [Normal](https://webslides.tv/demos/components#slide=27)
|
||||||
|
// [Block link](https://webslides.tv/demos/components#slide=34)
|
||||||
|
// [Border](https://webslides.tv/demos/components#slide=29)
|
||||||
|
//
|
||||||
// .blink - Linkable block
|
// .blink - Linkable block
|
||||||
// .border - With border
|
// .border - With border
|
||||||
//
|
//
|
||||||
|
|||||||
Reference in New Issue
Block a user