mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-21 04:12:01 +02:00
Code Issues Releases Wiki Activity

kss - Forms finished

Browse Source
This commit is contained in:
Luis Sacristán
2017-10-04 20:52:34 +02:00
parent cbfc82ecc4
commit 5c588c46a7
80 changed files with 435 additions and 1717 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
doc/styleguide/index.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

168
doc/styleguide/item-architecture-radius.html
View File

@@ -1,168 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>WebSlides - Documentation 1.5.0</title>
<meta name="description" content="">
<meta name="generator" content="kss-node">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="kss-assets/kss.css">
<link rel="stylesheet" href="../../static/css/webslides.css">
</head>
<body id="kss-node" class="kss-fullscreen-mode">
<header class="kss-header">
<h1 class="kss-doc-title"><img src="../../static/images/favicons/favicon.svg" alt="WebSlides - Documentation 1.5.0" /></h1>
<nav class="kss-header-nav">
<ul>
<li><a href="../../index.html" target="_blank" class="">WebSlides</a></li>
<li><a href="./" target="_blank" class="kss-menu-active">Documentation</a></li>
<li><a href=".../demos/index.html" target="_blank" class="">Demos</a></li>
</ul>
</nav>
</header>
<div class="kss-sub-header">
<p>WebSlides - Documentation 1.5.0</p>
</div>
<div class="kss-container">
<div class="kss-sidebar kss-style">
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link " href="./">
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-landings-and-portfolio.html">
<span class="kss-nav__name">Landings and portfolio</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-layout.html">
<span class="kss-nav__name">Layout</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-longforms.html">
<span class="kss-nav__name">Longform</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-media.html">
<span class="kss-nav__name">Media</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-multipurpose-blocks.html">
<span class="kss-nav__name">Multipurpose blocks</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-typography.html">
<span class="kss-nav__name">Typography</span>
</a>
</li>
</ul>
</nav>
</div>
<div role="main" class="kss-main">
<div id="kssref-architecture-radius" class="kss-section kss-section--depth-2 is-fullscreen">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-architecture-radius">
Radius
</a>
</h2>
<div class="kss-description">
<p>Adds a rounded radis</p>
</div>
</div>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<div class="bg-black radius">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi.
</div>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;bg-black radius&quot;&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi.
&lt;/div&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 129
</div>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="kss-assets/kss.js"></script>
<script src="kss-assets/scrollspy.js"></script>
<script src="kss-assets/prettify.js"></script>
<script src="kss-assets/kss-fullscreen.js"></script>
<script src="kss-assets/kss-guides.js"></script>
<script src="kss-assets/kss-markup.js"></script>
<script>
prettyPrint();
var spy = new ScrollSpy('#kss-node', {
nav: '.kss-nav__menu-child > li > a',
className: 'is-in-viewport'
});
var kssFullScreen = new KssFullScreen({
idPrefix: 'kss-fullscreen-',
bodyClass: 'kss-fullscreen-mode',
elementClass: 'is-fullscreen'
});
var kssGuides = new KssGuides({
bodyClass: 'kss-guides-mode'
});
var kssMarkup = new KssMarkup({
bodyClass: 'kss-markup-mode',
detailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

150
doc/styleguide/item-architecture.html
View File

@@ -1,150 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>WebSlides - Documentation 1.5.0</title>
<meta name="description" content="">
<meta name="generator" content="kss-node">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="kss-assets/kss.css">
<link rel="stylesheet" href="../../static/css/webslides.css">
</head>
<body id="kss-node" class="kss-fullscreen-mode">
<header class="kss-header">
<h1 class="kss-doc-title"><img src="../../static/images/favicons/favicon.svg" alt="WebSlides - Documentation 1.5.0" /></h1>
<nav class="kss-header-nav">
<ul>
<li><a href="../../index.html" target="_blank" class="">WebSlides</a></li>
<li><a href="./" target="_blank" class="kss-menu-active">Documentation</a></li>
<li><a href=".../demos/index.html" target="_blank" class="">Demos</a></li>
</ul>
</nav>
</header>
<div class="kss-sub-header">
<p>WebSlides - Documentation 1.5.0</p>
</div>
<div class="kss-container">
<div class="kss-sidebar kss-style">
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link " href="./">
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-architecture.html#kssref-architecture-radius">
<span class="kss-nav__name">Radius</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-architecture.html#kssref-architecture-try">
<span class="kss-nav__name">Try</span>
</a>
</li>
</ul>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-landings-and-portfolio.html">
<span class="kss-nav__name">Landings and portfolio</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-layout.html">
<span class="kss-nav__name">Layout</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-longforms.html">
<span class="kss-nav__name">Longform</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-media.html">
<span class="kss-nav__name">Media</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-multipurpose-blocks.html">
<span class="kss-nav__name">Multipurpose blocks</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-typography.html">
<span class="kss-nav__name">Typography</span>
</a>
</li>
</ul>
</nav>
</div>
<div role="main" class="kss-main">
<div id="kssref-architecture" class="kss-section kss-section--depth-1 is-fullscreen">
<div class="kss-style">
<h1 class="kss-title kss-title--level-1">
<a class="kss-title__permalink" href="#kssref-architecture">
Architecture
</a>
</h1>
</div>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="kss-assets/kss.js"></script>
<script src="kss-assets/scrollspy.js"></script>
<script src="kss-assets/prettify.js"></script>
<script src="kss-assets/kss-fullscreen.js"></script>
<script src="kss-assets/kss-guides.js"></script>
<script src="kss-assets/kss-markup.js"></script>
<script>
prettyPrint();
var spy = new ScrollSpy('#kss-node', {
nav: '.kss-nav__menu-child > li > a',
className: 'is-in-viewport'
});
var kssFullScreen = new KssFullScreen({
idPrefix: 'kss-fullscreen-',
bodyClass: 'kss-fullscreen-mode',
elementClass: 'is-fullscreen'
});
var kssGuides = new KssGuides({
bodyClass: 'kss-guides-mode'
});
var kssMarkup = new KssMarkup({
bodyClass: 'kss-markup-mode',
detailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

145
doc/styleguide/item-contents.html
View File

@@ -1,145 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>WebSlides - Documentation 1.5.0</title>
<meta name="description" content="">
<meta name="generator" content="kss-node">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="kss-assets/kss.css">
<link rel="stylesheet" href="../../static/css/webslides.css">
</head>
<body id="kss-node" class="kss-fullscreen-mode">
<header class="kss-header">
<h1 class="kss-doc-title"><img src="../../static/images/favicons/favicon.svg" alt="WebSlides - Documentation 1.5.0" /></h1>
<nav class="kss-header-nav">
<ul>
<li><a href="../../index.html" target="_blank" class="">WebSlides</a></li>
<li><a href="./" target="_blank" class="kss-menu-active">Documentation</a></li>
<li><a href=".../demos/index.html" target="_blank" class="">Demos</a></li>
</ul>
</nav>
</header>
<div class="kss-sub-header">
<p>WebSlides - Documentation 1.5.0</p>
</div>
<div class="kss-container">
<div class="kss-sidebar kss-style">
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link " href="./">
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-contents.html#kssref-contents-resume">
<span class="kss-nav__name">CV / Resumé</span>
</a>
</li>
</ul>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-landings-and-portfolio.html">
<span class="kss-nav__name">Landings and portfolio</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-layout.html">
<span class="kss-nav__name">Layout</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-longforms.html">
<span class="kss-nav__name">Longform</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-media.html">
<span class="kss-nav__name">Media</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-multipurpose-blocks.html">
<span class="kss-nav__name">Multipurpose blocks</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-typography.html">
<span class="kss-nav__name">Typography</span>
</a>
</li>
</ul>
</nav>
</div>
<div role="main" class="kss-main">
<div id="kssref-contents" class="kss-section kss-section--depth-1 is-fullscreen">
<div class="kss-style">
<h1 class="kss-title kss-title--level-1">
<a class="kss-title__permalink" href="#kssref-contents">
Contents
</a>
</h1>
</div>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="kss-assets/kss.js"></script>
<script src="kss-assets/scrollspy.js"></script>
<script src="kss-assets/prettify.js"></script>
<script src="kss-assets/kss-fullscreen.js"></script>
<script src="kss-assets/kss-guides.js"></script>
<script src="kss-assets/kss-markup.js"></script>
<script>
prettyPrint();
var spy = new ScrollSpy('#kss-node', {
nav: '.kss-nav__menu-child > li > a',
className: 'is-in-viewport'
});
var kssFullScreen = new KssFullScreen({
idPrefix: 'kss-fullscreen-',
bodyClass: 'kss-fullscreen-mode',
elementClass: 'is-fullscreen'
});
var kssGuides = new KssGuides({
bodyClass: 'kss-guides-mode'
});
var kssMarkup = new KssMarkup({
bodyClass: 'kss-markup-mode',
detailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

71
doc/styleguide/item-forms-login.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -90,13 +80,25 @@
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-forms-login">
Login form
Login
</a>
</h2>
<div class="kss-description">
<p>Creating a login form is a simple task, add every field you need: username, email, forget password?, buttons, ...</p>
</div>
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;93" title="Microsoft login" target="_blank">Microsoft login</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
@@ -105,10 +107,20 @@
<div class="kss-modifier__example">
<div class="user">
<input type="text" placeholder="Username" />
<button>Log in</button>
</div>
<form action="/" method="post">
<fieldset>
<legend>Welcome back</legend>
<p><label>Username or Email</label>
<input tabindex="1" name="email" placeholder="your@email.com" required="" type="text">
</p>
<p><label>Password <span class="alignright"><a href="#" title="Forgot password?">Forgot?</a></span></label>
<input tabindex="2" name="password" placeholder="6 characters minimum" required="" type="password">
</p>
<p>
<button type="submit" tabindex="3" title="Login">Login ›</button>
</p>
</fieldset>
</form>
<div class="kss-modifier__example-footer"></div>
</div>
@@ -118,14 +130,24 @@
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;user&quot;&gt;
&lt;input type&#x3D;&quot;text&quot; placeholder&#x3D;&quot;Username&quot; /&gt;
&lt;button&gt;Log in&lt;/button&gt;
&lt;/div&gt;</code></pre>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;form action&#x3D;&quot;/&quot; method&#x3D;&quot;post&quot;&gt;
&lt;fieldset&gt;
&lt;legend&gt;Welcome back&lt;/legend&gt;
&lt;p&gt;&lt;label&gt;Username or Email&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;1&quot; name&#x3D;&quot;email&quot; placeholder&#x3D;&quot;your@email.com&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;text&quot;&gt;
&lt;/p&gt;
&lt;p&gt;&lt;label&gt;Password &lt;span class&#x3D;&quot;alignright&quot;&gt;&lt;a href&#x3D;&quot;#&quot; title&#x3D;&quot;Forgot password?&quot;&gt;Forgot?&lt;/a&gt;&lt;/span&gt;&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;2&quot; name&#x3D;&quot;password&quot; placeholder&#x3D;&quot;6 characters minimum&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;password&quot;&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;button type&#x3D;&quot;submit&quot; tabindex&#x3D;&quot;3&quot; title&#x3D;&quot;Login&quot;&gt;Login ›&lt;/button&gt;
&lt;/p&gt;
&lt;/fieldset&gt;
&lt;/form&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_form.scss</code>, line 139
Source: <code>modules/_form.scss</code>, line 163
</div>
</div>
@@ -161,6 +183,15 @@
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>
etailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

35
doc/styleguide/item-architecture-try.html → doc/styleguide/item-forms-try.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -85,18 +75,33 @@
</div>
<div role="main" class="kss-main">
<div id="kssref-architecture-try" class="kss-section kss-section--depth-2 is-fullscreen">
<div id="kssref-forms-try" class="kss-section kss-section--depth-2 is-fullscreen">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-architecture-try">
<a class="kss-title__permalink" href="#kssref-forms-try">
Try
</a>
</h2>
<div class="kss-description">
<p>Highlight important links</p>
</div>
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;120" title="Pay what you want..." target="_blank">Pay what you want...</a>
</li>
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;53" title="Demos - Github" target="_blank">Demos - Github</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
@@ -105,7 +110,8 @@
<div class="kss-modifier__example">
<a href="#" class="try">Try element</a>
<p class="text-intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.</p>
<p><a href="#" class="try">Important link</a></p>
<div class="kss-modifier__example-footer"></div>
</div>
@@ -115,7 +121,8 @@
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;a href&#x3D;&quot;#&quot; class&#x3D;&quot;try&quot;&gt;Try element&lt;/a&gt;</code></pre>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;p class&#x3D;&quot;text-intro&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.&lt;/p&gt;
&lt;p&gt;&lt;a href&#x3D;&quot;#&quot; class&#x3D;&quot;try&quot;&gt;Important link&lt;/a&gt;&lt;/p&gt;</code></pre>
</details>
<div class="kss-source kss-style">

22
doc/styleguide/item-forms.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -52,7 +42,17 @@
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-login">
<span class="kss-nav__name">Login form</span>
<span class="kss-nav__name">Search</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-login">
<span class="kss-nav__name">Login</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-try">
<span class="kss-nav__name">Try</span>
</a>
</li>
</ul>

10
doc/styleguide/item-landings-and-portfolio-badgets.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-landings-and-portfolio-buttons.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-landings-and-portfolio-cards.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-landings-and-portfolio-cta-cover.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-landings-and-portfolio-cta.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-landings-and-portfolio-quotes.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

14
doc/styleguide/item-contents-resume.html → doc/styleguide/item-landings-and-portfolio-resume.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -85,11 +75,11 @@
</div>
<div role="main" class="kss-main">
<div id="kssref-contents-resume" class="kss-section kss-section--depth-2 is-fullscreen">
<div id="kssref-landings-and-portfolio-resume" class="kss-section kss-section--depth-2 is-fullscreen">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-contents-resume">
<a class="kss-title__permalink" href="#kssref-landings-and-portfolio-resume">
CV / Resumé
</a>
</h2>

10
doc/styleguide/item-landings-and-portfolio-toc.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

15
doc/styleguide/item-landings-and-portfolio.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -85,6 +75,11 @@
<span class="kss-nav__name">Quotes &amp; Cites</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-landings-and-portfolio.html#kssref-landings-and-portfolio-resume">
<span class="kss-nav__name">CV / Resumé</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-landings-and-portfolio.html#kssref-landings-and-portfolio-toc">
<span class="kss-nav__name">Table of contents</span>

12
doc/styleguide/item-layout-alignment.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -167,7 +157,7 @@
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 143
Source: <code>_base.scss</code>, line 133
</div>
</div>

10
doc/styleguide/item-layout-background-anim.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-background-video.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-background.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-backgrounds-gradient.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-backgrounds-transparent.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-backgrounds.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-grid.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-navbars.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

12
doc/styleguide/item-layout-sizes.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -192,7 +182,7 @@
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 199
Source: <code>_base.scss</code>, line 189
</div>
</div>

10
doc/styleguide/item-layout-slide-navigation.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-slides-bottom.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-slides-fullscreen.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-slides-top.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-layout-slides.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

14
doc/styleguide/item-layout.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -82,12 +72,12 @@
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-layout.html#kssref-layout-backgrounds">
<span class="kss-nav__name">Backgrounds</span>
<span class="kss-nav__name">Layout.backgrounds</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-layout.html#kssref-layout-backgrounds">
<span class="kss-nav__name">Layout.backgrounds</span>
<span class="kss-nav__name">Backgrounds</span>
</a>
</li>
<li class="kss-nav__menu-item">

10
doc/styleguide/item-longforms-interviews.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-longforms.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media-avatars.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media-embed.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media-fullscreen-embed.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media-fullscreen.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media-screenshots.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-media.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-activity.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-clients.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-features.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-gallery-overlay.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-gallery.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-metrics.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-plans.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-reasons.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-specs.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks-steps.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-multipurpose-blocks.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-columns.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-context.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-data.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-emoji.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-info.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-intro.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-label.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-landings.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-lowercase.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-pull_quote.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-separator.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-serif.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-shadow.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-subtitle.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-symbols.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography-uppercase.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/item-typography.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

234
doc/styleguide/section-architecture.html
View File

@@ -1,234 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>WebSlides - Documentation 1.5.0</title>
<meta name="description" content="">
<meta name="generator" content="kss-node">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="kss-assets/kss.css">
<link rel="stylesheet" href="../../static/css/webslides.css">
</head>
<body id="kss-node" >
<header class="kss-header">
<h1 class="kss-doc-title"><img src="../../static/images/favicons/favicon.svg" alt="WebSlides - Documentation 1.5.0" /></h1>
<nav class="kss-header-nav">
<ul>
<li><a href="../../index.html" target="_blank" class="">WebSlides</a></li>
<li><a href="./" target="_blank" class="kss-menu-active">Documentation</a></li>
<li><a href=".../demos/index.html" target="_blank" class="">Demos</a></li>
</ul>
</nav>
</header>
<div class="kss-sub-header">
<p>WebSlides - Documentation 1.5.0</p>
</div>
<div class="kss-container">
<div class="kss-sidebar kss-style">
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link " href="./">
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-architecture.html#kssref-architecture-radius">
<span class="kss-nav__name">Radius</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-architecture.html#kssref-architecture-try">
<span class="kss-nav__name">Try</span>
</a>
</li>
</ul>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-landings-and-portfolio.html">
<span class="kss-nav__name">Landings and portfolio</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-layout.html">
<span class="kss-nav__name">Layout</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-longforms.html">
<span class="kss-nav__name">Longform</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-media.html">
<span class="kss-nav__name">Media</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-multipurpose-blocks.html">
<span class="kss-nav__name">Multipurpose blocks</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-typography.html">
<span class="kss-nav__name">Typography</span>
</a>
</li>
</ul>
</nav>
</div>
<div role="main" class="kss-main">
<div id="kssref-architecture" class="kss-section kss-section--depth-1 ">
<div class="kss-style">
<h1 class="kss-title kss-title--level-1">
<a class="kss-title__permalink" href="#kssref-architecture">
Architecture
</a>
</h1>
</div>
</div>
<div id="kssref-architecture-radius" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-architecture-radius">
Radius
</a>
</h2>
<div class="kss-description">
<p>Adds a rounded radis</p>
</div>
</div>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<div class="bg-black radius">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi.
</div>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;bg-black radius&quot;&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi.
&lt;/div&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 129
</div>
</div>
<div id="kssref-architecture-try" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-architecture-try">
Try
</a>
</h2>
</div>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<a href="#" class="try">Try element</a>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;a href&#x3D;&quot;#&quot; class&#x3D;&quot;try&quot;&gt;Try element&lt;/a&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_form.scss</code>, line 96
</div>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="kss-assets/kss.js"></script>
<script src="kss-assets/scrollspy.js"></script>
<script src="kss-assets/prettify.js"></script>
<script src="kss-assets/kss-fullscreen.js"></script>
<script src="kss-assets/kss-guides.js"></script>
<script src="kss-assets/kss-markup.js"></script>
<script>
prettyPrint();
var spy = new ScrollSpy('#kss-node', {
nav: '.kss-nav__menu-child > li > a',
className: 'is-in-viewport'
});
var kssFullScreen = new KssFullScreen({
idPrefix: 'kss-fullscreen-',
bodyClass: 'kss-fullscreen-mode',
elementClass: 'is-fullscreen'
});
var kssGuides = new KssGuides({
bodyClass: 'kss-guides-mode'
});
var kssMarkup = new KssMarkup({
bodyClass: 'kss-markup-mode',
detailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

229
doc/styleguide/section-contents.html
View File

@@ -1,229 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>WebSlides - Documentation 1.5.0</title>
<meta name="description" content="">
<meta name="generator" content="kss-node">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="kss-assets/kss.css">
<link rel="stylesheet" href="../../static/css/webslides.css">
</head>
<body id="kss-node" >
<header class="kss-header">
<h1 class="kss-doc-title"><img src="../../static/images/favicons/favicon.svg" alt="WebSlides - Documentation 1.5.0" /></h1>
<nav class="kss-header-nav">
<ul>
<li><a href="../../index.html" target="_blank" class="">WebSlides</a></li>
<li><a href="./" target="_blank" class="kss-menu-active">Documentation</a></li>
<li><a href=".../demos/index.html" target="_blank" class="">Demos</a></li>
</ul>
</nav>
</header>
<div class="kss-sub-header">
<p>WebSlides - Documentation 1.5.0</p>
</div>
<div class="kss-container">
<div class="kss-sidebar kss-style">
<nav class="kss-nav">
<ul class="kss-nav__menu">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link " href="./">
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-contents.html#kssref-contents-resume">
<span class="kss-nav__name">CV / Resumé</span>
</a>
</li>
</ul>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-landings-and-portfolio.html">
<span class="kss-nav__name">Landings and portfolio</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-layout.html">
<span class="kss-nav__name">Layout</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-longforms.html">
<span class="kss-nav__name">Longform</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-media.html">
<span class="kss-nav__name">Media</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-multipurpose-blocks.html">
<span class="kss-nav__name">Multipurpose blocks</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-typography.html">
<span class="kss-nav__name">Typography</span>
</a>
</li>
</ul>
</nav>
</div>
<div role="main" class="kss-main">
<div id="kssref-contents" class="kss-section kss-section--depth-1 ">
<div class="kss-style">
<h1 class="kss-title kss-title--level-1">
<a class="kss-title__permalink" href="#kssref-contents">
Contents
</a>
</h1>
</div>
</div>
<div id="kssref-contents-resume" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-contents-resume">
CV / Resumé
</a>
</h2>
</div>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<ul class="work">
<li class="work-label">
<p class="work-title">Work</p>
<p class="work-client">Client</p>
<p class="work-services">Services</p>
<p class="work-date">Year</p>
</li>
<li>
<a href="#" rel="external">
<p class="work-title"><span>Redesign of Netflix</span></p>
<p class="work-client"><span>Netflix</span></p>
<p class="work-services"><span>Frontend</span></p>
<p class="work-date"><span>2015-2016</span></p>
</a>
</li>
<li>
<a href="#" rel="external">
<p class="work-title"><span>Airbnb TV Commercials</span></p>
<p class="work-client"><span>Airbnb</span></p>
<p class="work-services"><span>Video, Storytelling</span></p>
<p class="work-date"><span>2015</span></p>
</a>
</li>
</ul>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;ul class&#x3D;&quot;work&quot;&gt;
&lt;li class&#x3D;&quot;work-label&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;Work&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;Client&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;Services&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;Year&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href&#x3D;&quot;#&quot; rel&#x3D;&quot;external&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;&lt;span&gt;Redesign of Netflix&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;&lt;span&gt;Netflix&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;&lt;span&gt;2015-2016&lt;/span&gt;&lt;/p&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href&#x3D;&quot;#&quot; rel&#x3D;&quot;external&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;&lt;span&gt;Airbnb TV Commercials&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;&lt;span&gt;Airbnb&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;&lt;span&gt;Video, Storytelling&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;&lt;span&gt;2015&lt;/span&gt;&lt;/p&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_work.scss</code>, line 1
</div>
</div>
</div>
</div>
<!-- SCRIPTS -->
<script src="kss-assets/kss.js"></script>
<script src="kss-assets/scrollspy.js"></script>
<script src="kss-assets/prettify.js"></script>
<script src="kss-assets/kss-fullscreen.js"></script>
<script src="kss-assets/kss-guides.js"></script>
<script src="kss-assets/kss-markup.js"></script>
<script>
prettyPrint();
var spy = new ScrollSpy('#kss-node', {
nav: '.kss-nav__menu-child > li > a',
className: 'is-in-viewport'
});
var kssFullScreen = new KssFullScreen({
idPrefix: 'kss-fullscreen-',
bodyClass: 'kss-fullscreen-mode',
elementClass: 'is-fullscreen'
});
var kssGuides = new KssGuides({
bodyClass: 'kss-guides-mode'
});
var kssMarkup = new KssMarkup({
bodyClass: 'kss-markup-mode',
detailsClass: 'kss-markup'
});
</script>
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
</body>
</html>

205
doc/styleguide/section-forms.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link kss-nav__menu-link-active" href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -52,7 +42,17 @@
<ul class="kss-nav__menu-child">
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-login">
<span class="kss-nav__name">Login form</span>
<span class="kss-nav__name">Search</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-login">
<span class="kss-nav__name">Login</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-forms.html#kssref-forms-try">
<span class="kss-nav__name">Try</span>
</a>
</li>
</ul>
@@ -113,13 +113,25 @@
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-forms-login">
Login form
Search
</a>
</h2>
<div class="kss-description">
<p>WebSlides provides a easy way for search forms creating. Connect it to your search engine and help your users to find information in your site. Longforms are part of a whole website, a search form allows to find more relevant information in your site.</p>
</div>
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;92" title="Search form - Components" target="_blank">Search form - Components</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
@@ -128,10 +140,20 @@
<div class="kss-modifier__example">
<div class="user">
<input type="text" placeholder="Username" />
<button>Log in</button>
</div>
<form action="/" method="post">
<fieldset>
<legend>Welcome back</legend>
<p><label>Username or Email</label>
<input tabindex="1" name="email" placeholder="your@email.com" required="" type="text">
</p>
<p><label>Password <span class="alignright"><a href="#" title="Forgot password?">Forgot?</a></span></label>
<input tabindex="2" name="password" placeholder="6 characters minimum" required="" type="password">
</p>
<p>
<button type="submit" tabindex="3" title="Login">Login ›</button>
</p>
</fieldset>
</form>
<div class="kss-modifier__example-footer"></div>
</div>
@@ -141,14 +163,155 @@
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div class&#x3D;&quot;user&quot;&gt;
&lt;input type&#x3D;&quot;text&quot; placeholder&#x3D;&quot;Username&quot; /&gt;
&lt;button&gt;Log in&lt;/button&gt;
&lt;/div&gt;</code></pre>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;form action&#x3D;&quot;/&quot; method&#x3D;&quot;post&quot;&gt;
&lt;fieldset&gt;
&lt;legend&gt;Welcome back&lt;/legend&gt;
&lt;p&gt;&lt;label&gt;Username or Email&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;1&quot; name&#x3D;&quot;email&quot; placeholder&#x3D;&quot;your@email.com&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;text&quot;&gt;
&lt;/p&gt;
&lt;p&gt;&lt;label&gt;Password &lt;span class&#x3D;&quot;alignright&quot;&gt;&lt;a href&#x3D;&quot;#&quot; title&#x3D;&quot;Forgot password?&quot;&gt;Forgot?&lt;/a&gt;&lt;/span&gt;&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;2&quot; name&#x3D;&quot;password&quot; placeholder&#x3D;&quot;6 characters minimum&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;password&quot;&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;button type&#x3D;&quot;submit&quot; tabindex&#x3D;&quot;3&quot; title&#x3D;&quot;Login&quot;&gt;Login ›&lt;/button&gt;
&lt;/p&gt;
&lt;/fieldset&gt;
&lt;/form&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_form.scss</code>, line 139
Source: <code>modules/_form.scss</code>, line 146
</div>
</div>
<div id="kssref-forms-login" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-forms-login">
Login
</a>
</h2>
<div class="kss-description">
<p>Creating a login form is a simple task, add every field you need: username, email, forget password?, buttons, ...</p>
</div>
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;93" title="Microsoft login" target="_blank">Microsoft login</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<form action="/" method="post">
<fieldset>
<legend>Welcome back</legend>
<p><label>Username or Email</label>
<input tabindex="1" name="email" placeholder="your@email.com" required="" type="text">
</p>
<p><label>Password <span class="alignright"><a href="#" title="Forgot password?">Forgot?</a></span></label>
<input tabindex="2" name="password" placeholder="6 characters minimum" required="" type="password">
</p>
<p>
<button type="submit" tabindex="3" title="Login">Login ›</button>
</p>
</fieldset>
</form>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;form action&#x3D;&quot;/&quot; method&#x3D;&quot;post&quot;&gt;
&lt;fieldset&gt;
&lt;legend&gt;Welcome back&lt;/legend&gt;
&lt;p&gt;&lt;label&gt;Username or Email&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;1&quot; name&#x3D;&quot;email&quot; placeholder&#x3D;&quot;your@email.com&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;text&quot;&gt;
&lt;/p&gt;
&lt;p&gt;&lt;label&gt;Password &lt;span class&#x3D;&quot;alignright&quot;&gt;&lt;a href&#x3D;&quot;#&quot; title&#x3D;&quot;Forgot password?&quot;&gt;Forgot?&lt;/a&gt;&lt;/span&gt;&lt;/label&gt;
&lt;input tabindex&#x3D;&quot;2&quot; name&#x3D;&quot;password&quot; placeholder&#x3D;&quot;6 characters minimum&quot; required&#x3D;&quot;&quot; type&#x3D;&quot;password&quot;&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;button type&#x3D;&quot;submit&quot; tabindex&#x3D;&quot;3&quot; title&#x3D;&quot;Login&quot;&gt;Login ›&lt;/button&gt;
&lt;/p&gt;
&lt;/fieldset&gt;
&lt;/form&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_form.scss</code>, line 163
</div>
</div>
<div id="kssref-forms-try" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-forms-try">
Try
</a>
</h2>
<div class="kss-description">
<p>Highlight important links</p>
</div>
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;120" title="Pay what you want..." target="_blank">Pay what you want...</a>
</li>
<li>
<a href="https://webslides.tv/demos/components#slide&#x3D;53" title="Demos - Github" target="_blank">Demos - Github</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<p class="text-intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.</p>
<p><a href="#" class="try">Important link</a></p>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;p class&#x3D;&quot;text-intro&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.&lt;/p&gt;
&lt;p&gt;&lt;a href&#x3D;&quot;#&quot; class&#x3D;&quot;try&quot;&gt;Important link&lt;/a&gt;&lt;/p&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_form.scss</code>, line 96
</div>
</div>

99
doc/styleguide/section-landings-and-portfolio.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -85,6 +75,11 @@
<span class="kss-nav__name">Quotes &amp; Cites</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-landings-and-portfolio.html#kssref-landings-and-portfolio-resume">
<span class="kss-nav__name">CV / Resumé</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-landings-and-portfolio.html#kssref-landings-and-portfolio-toc">
<span class="kss-nav__name">Table of contents</span>
@@ -440,6 +435,90 @@
Source: <code>modules/_quotes.scss</code>, line 1
</div>
</div>
<div id="kssref-landings-and-portfolio-resume" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-landings-and-portfolio-resume">
CV / Resumé
</a>
</h2>
</div>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
Example
</div>
<div class="kss-modifier__example">
<ul class="work">
<li class="work-label">
<p class="work-title">Work</p>
<p class="work-client">Client</p>
<p class="work-services">Services</p>
<p class="work-date">Year</p>
</li>
<li>
<a href="#" rel="external">
<p class="work-title"><span>Redesign of Netflix</span></p>
<p class="work-client"><span>Netflix</span></p>
<p class="work-services"><span>Frontend</span></p>
<p class="work-date"><span>2015-2016</span></p>
</a>
</li>
<li>
<a href="#" rel="external">
<p class="work-title"><span>Airbnb TV Commercials</span></p>
<p class="work-client"><span>Airbnb</span></p>
<p class="work-services"><span>Video, Storytelling</span></p>
<p class="work-date"><span>2015</span></p>
</a>
</li>
</ul>
<div class="kss-modifier__example-footer"></div>
</div>
</div>
<details class="kss-markup kss-style">
<summary>
Markup
</summary>
<pre class="prettyprint linenums lang-html"><code data-language="html">&lt;ul class&#x3D;&quot;work&quot;&gt;
&lt;li class&#x3D;&quot;work-label&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;Work&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;Client&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;Services&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;Year&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href&#x3D;&quot;#&quot; rel&#x3D;&quot;external&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;&lt;span&gt;Redesign of Netflix&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;&lt;span&gt;Netflix&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;&lt;span&gt;2015-2016&lt;/span&gt;&lt;/p&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href&#x3D;&quot;#&quot; rel&#x3D;&quot;external&quot;&gt;
&lt;p class&#x3D;&quot;work-title&quot;&gt;&lt;span&gt;Airbnb TV Commercials&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-client&quot;&gt;&lt;span&gt;Airbnb&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-services&quot;&gt;&lt;span&gt;Video, Storytelling&lt;/span&gt;&lt;/p&gt;
&lt;p class&#x3D;&quot;work-date&quot;&gt;&lt;span&gt;2015&lt;/span&gt;&lt;/p&gt;
&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</details>
<div class="kss-source kss-style">
Source: <code>modules/_work.scss</code>, line 1
</div>
</div>
<div id="kssref-landings-and-portfolio-toc" class="kss-section kss-section--depth-2 ">

50
doc/styleguide/section-layout.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>
@@ -82,12 +72,12 @@
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-layout.html#kssref-layout-backgrounds">
<span class="kss-nav__name">Backgrounds</span>
<span class="kss-nav__name">Layout.backgrounds</span>
</a>
</li>
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link kss-nav__ref " href="section-layout.html#kssref-layout-backgrounds">
<span class="kss-nav__name">Layout.backgrounds</span>
<span class="kss-nav__name">Backgrounds</span>
</a>
</li>
<li class="kss-nav__menu-item">
@@ -265,7 +255,7 @@
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 143
Source: <code>_base.scss</code>, line 133
</div>
</div>
@@ -553,6 +543,22 @@
Source: <code>modules/_slides-bg.scss</code>, line 92
</div>
</div>
<div id="kssref-layout-backgrounds" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-layout-backgrounds">
Layout.backgrounds
</a>
</h2>
</div>
</div>
<div id="kssref-layout-backgrounds" class="kss-section kss-section--depth-2 ">
@@ -619,22 +625,6 @@
Source: <code>_color.scss</code>, line 107
</div>
</div>
<div id="kssref-layout-backgrounds" class="kss-section kss-section--depth-2 ">
<div class="kss-style">
<h2 class="kss-title kss-title--level-2">
<a class="kss-title__permalink" href="#kssref-layout-backgrounds">
Layout.backgrounds
</a>
</h2>
</div>
</div>
<div id="kssref-layout-backgrounds-gradient" class="kss-section kss-section--depth-3 ">
@@ -1075,7 +1065,7 @@ Auto-fill &amp; Equal height</p>
</details>
<div class="kss-source kss-style">
Source: <code>_base.scss</code>, line 199
Source: <code>_base.scss</code>, line 189
</div>
</div>

10
doc/styleguide/section-longforms.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/section-media.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/section-multipurpose-blocks.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
doc/styleguide/section-typography.html
View File

@@ -35,16 +35,6 @@
<span class="kss-nav__name">Introduction</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-architecture.html">
<span class="kss-nav__name">Architecture</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-contents.html">
<span class="kss-nav__name">Contents</span>
</a>
</li>
<li class="kss-nav__menu-item kss-nav-has-children">
<a class="kss-nav__menu-link " href="section-forms.html">
<span class="kss-nav__name">Forms</span>

10
src/scss/_base.scss
View File

@@ -126,16 +126,6 @@ footer nav {
padding: 2.4rem;
}
// Radius
//
// Adds a rounded radis
//
// Markup:
// <div class="bg-black radius">
// Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi.
// </div>
//
// Styleguide Architecture.Radius
.radius {
border-radius: .4rem;
}

55
src/scss/modules/_form.scss
View File

@@ -95,10 +95,17 @@ input[type='submit'] {
// Try
//
// Markup:
// <a href="#" class="try">Try element</a>
// Highlight important links
//
// Styleguide Architecture.Try
// Markup:
// <p class="text-intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.</p>
// <p><a href="#" class="try">Important link</a></p>
//
// Demos:
// [Pay what you want...](https://webslides.tv/demos/components#slide=120)
// [Demos - Github](https://webslides.tv/demos/components#slide=53)
//
// Styleguide Forms.Try
.try {
display: block;
font-size: 1.6rem;
@@ -136,13 +143,45 @@ button:disabled:hover {
cursor: not-allowed;
}
// Login form
// Search
//
// WebSlides provides a easy way for search forms creating. Connect it to your search engine and help your users to find information in your site. Longforms are part of a whole website, a search form allows to find more relevant information in your site.
//
// Markup:
// <div class="user">
// <input type="text" placeholder="Username" />
// <button>Log in</button>
// </div>
// <h1>Title</h1>
// <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.</p>
// <form action="/" class="user" method="post">
// <input name="location" tabindex="1" placeholder="Type here..." required="" type="search">
// <button type="submit" tabindex="2" title="Search">Search ›</button>
// </form>
//
// Demos:
// [Search form - Components](https://webslides.tv/demos/components#slide=92)
//
// Styleguide Forms.Login
// Login
//
// Creating a login form is a simple task, add every field you need: username, email, forget password?, buttons, ...
//
// Markup:
// <form action="/" method="post">
// <fieldset>
// <legend>Welcome back</legend>
// <p><label>Username or Email</label>
// <input tabindex="1" name="email" placeholder="your@email.com" required="" type="text">
// </p>
// <p><label>Password <span class="alignright"><a href="#" title="Forgot password?">Forgot?</a></span></label>
// <input tabindex="2" name="password" placeholder="6 characters minimum" required="" type="password">
// </p>
// <p>
// <button type="submit" tabindex="3" title="Login">Login ›</button>
// </p>
// </fieldset>
// </form>
//
// Demos:
// [Microsoft login](https://webslides.tv/demos/components#slide=93)
//
// Styleguide Forms.Login
.user {

2
src/scss/modules/_work.scss
View File

@@ -26,7 +26,7 @@
// </li>
// </ul>
//
// Styleguide Contents.Resume
// Styleguide Landings and portfolio.Resume
.work {
clear: both;
display: flex;