mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-18 02:41:37 +02:00
Code Issues Releases Wiki Activity

longform elements, bg with a frame

Browse Source 
[class*="background"].frame
This commit is contained in:
José Luis Antúnez
2017-04-20 11:46:18 +02:00
committed by GitHub
parent 0db6e051de
commit d0ec93d7e4
6 changed files with 108 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
demos/components.html
View File

@@ -2663,10 +2663,10 @@
</h3>
<p class="text-intro"><a href="https://source.unsplash.com/">How to embed Unsplash photos? &rarr;</a></p>
<pre>&lt;section&gt;
&lt;span class="background" style="background-image:url('https://source.unsplash.com/LcDPAqX8dt8/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
&lt;span class="background" style="background-image:url('https://source.unsplash.com/LcDPAqX8dt8/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
&lt;/section&gt;</pre>
<p>
<svg class="fa-info">
@@ -2682,11 +2682,11 @@
<div class="wrap size-50">
<h1 class="text-landing text-shadow">Opacity</h1>
<p><code>[class*="bg-"] > .background.light</code></p>
<pre>&lt;section class="bg-black"&gt;
&lt;span class="background light" style="background-image:url('https://source.unsplash.com/1_CMoFsPfso/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
<pre>&lt;section&gt;
&lt;span class="background light" style="background-image:url('https://source.unsplash.com/1_CMoFsPfso/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
&lt;/section&gt;</pre>
</div>
</section>
@@ -2695,11 +2695,11 @@
<div class="wrap size-50">
<h1 class="text-landing text-shadow">Opacity</h1>
<p><code>[class*="bg-"] > .background.dark</code></p>
<pre>&lt;section class="bg-black"&gt;
&lt;span class="background dark" style="background-image:url('https://source.unsplash.com/1_CMoFsPfso/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
<pre>&lt;section&gt;
&lt;span class="background dark" style="background-image:url('https://source.unsplash.com/1_CMoFsPfso/')"&gt;&lt;/span&gt;
&lt;div class="wrap"&gt;
&lt;h1&gt;Slide&lt;/h1&gt;
&lt;/div&gt;
&lt;/section&gt;</pre>
</div>
</section>
@@ -2804,6 +2804,8 @@
</section>
<section class="bg-black aligncenter">
<span class="background dark" style="background-image:url('https://source.unsplash.com/MDGpwpMY2Ws/')"></span>
<!-- background with a frame frame -->
<span class="background frame"></span>
<div class="wrap">
<h2>Embedding Media</h2>
<p>Videos, charts, maps...</p>