diff --git a/doc/styleguide/index.html b/doc/styleguide/index.html index 022fdbe..b41bcf4 100644 --- a/doc/styleguide/index.html +++ b/doc/styleguide/index.html @@ -35,16 +35,6 @@ Introduction -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-architecture-radius.html b/doc/styleguide/item-architecture-radius.html deleted file mode 100644 index 826e94f..0000000 --- a/doc/styleguide/item-architecture-radius.html +++ /dev/null @@ -1,168 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    -     -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    -
    -
    - -
    -
    - -
    - -
    -

    - - Radius - -

    - -
    -

    Adds a rounded radis

    - -
    - -
    - - -
    -
    - Example -
    - - -
    -
    - 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. -
    -
    -
    - -
    - -
    - - 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>
    -
    - -
    - Source: _base.scss, line 129 -
    - -
    -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-architecture.html b/doc/styleguide/item-architecture.html deleted file mode 100644 index b3ade20..0000000 --- a/doc/styleguide/item-architecture.html +++ /dev/null @@ -1,150 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    -
    -
    - -
    -
    - -
    - -
    -

    - - Architecture - -

    - - -
    - - - - -
    -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-contents.html b/doc/styleguide/item-contents.html deleted file mode 100644 index 2236d09..0000000 --- a/doc/styleguide/item-contents.html +++ /dev/null @@ -1,145 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    -
    -
    - -
    -
    - -
    - -
    -

    - - Contents - -

    - - -
    - - - - -
    -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-forms-login.html b/doc/styleguide/item-forms-login.html index 9bb89cf..199f699 100644 --- a/doc/styleguide/item-forms-login.html +++ b/doc/styleguide/item-forms-login.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -90,13 +80,25 @@

    - Login form + Login

    +
    +

    Creating a login form is a simple task, add every field you need: username, email, forget password?, buttons, ...

    + +
    +
    + Demos +
    +
    @@ -105,10 +107,20 @@
    -
    - - -
    +
    +
    + Welcome back +

    + +

    +

    + +

    +

    + +

    +
    +
    @@ -118,14 +130,24 @@ Markup - 
    <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>
    - Source: modules/_form.scss, line 139 + Source: modules/_form.scss, line 163
    @@ -161,6 +183,15 @@ + + + +etailsClass: 'kss-markup' + }); + + + + diff --git a/doc/styleguide/item-architecture-try.html b/doc/styleguide/item-forms-try.html similarity index 78% rename from doc/styleguide/item-architecture-try.html rename to doc/styleguide/item-forms-try.html index 13fea05..f0440bf 100644 --- a/doc/styleguide/item-architecture-try.html +++ b/doc/styleguide/item-forms-try.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -85,18 +75,33 @@
    -
    +

    - + Try

    +
    +

    Highlight important links

    + +
    +
    + Demos +
    +
    @@ -105,7 +110,8 @@
    - Try element +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.

    +

    Important link

    @@ -115,7 +121,8 @@ Markup - 
    <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>
    diff --git a/doc/styleguide/item-forms.html b/doc/styleguide/item-forms.html index 5cf0964..d4be129 100644 --- a/doc/styleguide/item-forms.html +++ b/doc/styleguide/item-forms.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -52,7 +42,17 @@ diff --git a/doc/styleguide/item-landings-and-portfolio-badgets.html b/doc/styleguide/item-landings-and-portfolio-badgets.html index 45a3e12..4223114 100644 --- a/doc/styleguide/item-landings-and-portfolio-badgets.html +++ b/doc/styleguide/item-landings-and-portfolio-badgets.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio-buttons.html b/doc/styleguide/item-landings-and-portfolio-buttons.html index deaf293..57384cc 100644 --- a/doc/styleguide/item-landings-and-portfolio-buttons.html +++ b/doc/styleguide/item-landings-and-portfolio-buttons.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio-cards.html b/doc/styleguide/item-landings-and-portfolio-cards.html index 7caeec3..cee5330 100644 --- a/doc/styleguide/item-landings-and-portfolio-cards.html +++ b/doc/styleguide/item-landings-and-portfolio-cards.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio-cta-cover.html b/doc/styleguide/item-landings-and-portfolio-cta-cover.html index da9e522..c0f2474 100644 --- a/doc/styleguide/item-landings-and-portfolio-cta-cover.html +++ b/doc/styleguide/item-landings-and-portfolio-cta-cover.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio-cta.html b/doc/styleguide/item-landings-and-portfolio-cta.html index 0660c21..611b734 100644 --- a/doc/styleguide/item-landings-and-portfolio-cta.html +++ b/doc/styleguide/item-landings-and-portfolio-cta.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio-quotes.html b/doc/styleguide/item-landings-and-portfolio-quotes.html index de56279..5c20d95 100644 --- a/doc/styleguide/item-landings-and-portfolio-quotes.html +++ b/doc/styleguide/item-landings-and-portfolio-quotes.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-contents-resume.html b/doc/styleguide/item-landings-and-portfolio-resume.html similarity index 91% rename from doc/styleguide/item-contents-resume.html rename to doc/styleguide/item-landings-and-portfolio-resume.html index 6eb377d..bbeb6d9 100644 --- a/doc/styleguide/item-contents-resume.html +++ b/doc/styleguide/item-landings-and-portfolio-resume.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -85,11 +75,11 @@
    -
    +

    - + CV / Resumé

    diff --git a/doc/styleguide/item-landings-and-portfolio-toc.html b/doc/styleguide/item-landings-and-portfolio-toc.html index ca68288..da0078c 100644 --- a/doc/styleguide/item-landings-and-portfolio-toc.html +++ b/doc/styleguide/item-landings-and-portfolio-toc.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-landings-and-portfolio.html b/doc/styleguide/item-landings-and-portfolio.html index 1dc2c71..3e859fb 100644 --- a/doc/styleguide/item-landings-and-portfolio.html +++ b/doc/styleguide/item-landings-and-portfolio.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -85,6 +75,11 @@ Quotes & Cites
    • +
  • + + CV / Resumé + +
  • Table of contents diff --git a/doc/styleguide/item-layout-alignment.html b/doc/styleguide/item-layout-alignment.html index 85baf27..813231c 100644 --- a/doc/styleguide/item-layout-alignment.html +++ b/doc/styleguide/item-layout-alignment.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -167,7 +157,7 @@
    - Source: _base.scss, line 143 + Source: _base.scss, line 133
    diff --git a/doc/styleguide/item-layout-background-anim.html b/doc/styleguide/item-layout-background-anim.html index 2111c90..a950a2e 100644 --- a/doc/styleguide/item-layout-background-anim.html +++ b/doc/styleguide/item-layout-background-anim.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-background-video.html b/doc/styleguide/item-layout-background-video.html index 140f83a..93d55ee 100644 --- a/doc/styleguide/item-layout-background-video.html +++ b/doc/styleguide/item-layout-background-video.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-background.html b/doc/styleguide/item-layout-background.html index 2e182b8..b411f9a 100644 --- a/doc/styleguide/item-layout-background.html +++ b/doc/styleguide/item-layout-background.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-backgrounds-gradient.html b/doc/styleguide/item-layout-backgrounds-gradient.html index 4569839..857375f 100644 --- a/doc/styleguide/item-layout-backgrounds-gradient.html +++ b/doc/styleguide/item-layout-backgrounds-gradient.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-backgrounds-transparent.html b/doc/styleguide/item-layout-backgrounds-transparent.html index 2a797d4..c9860a9 100644 --- a/doc/styleguide/item-layout-backgrounds-transparent.html +++ b/doc/styleguide/item-layout-backgrounds-transparent.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-backgrounds.html b/doc/styleguide/item-layout-backgrounds.html index 9357b1d..05ffd29 100644 --- a/doc/styleguide/item-layout-backgrounds.html +++ b/doc/styleguide/item-layout-backgrounds.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-grid.html b/doc/styleguide/item-layout-grid.html index d3bc9ec..b60f377 100644 --- a/doc/styleguide/item-layout-grid.html +++ b/doc/styleguide/item-layout-grid.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-navbars.html b/doc/styleguide/item-layout-navbars.html index 4c99f52..814a5e9 100644 --- a/doc/styleguide/item-layout-navbars.html +++ b/doc/styleguide/item-layout-navbars.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-sizes.html b/doc/styleguide/item-layout-sizes.html index df6db8c..832b27b 100644 --- a/doc/styleguide/item-layout-sizes.html +++ b/doc/styleguide/item-layout-sizes.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -192,7 +182,7 @@
    - Source: _base.scss, line 199 + Source: _base.scss, line 189
    diff --git a/doc/styleguide/item-layout-slide-navigation.html b/doc/styleguide/item-layout-slide-navigation.html index 5726d68..b8b769c 100644 --- a/doc/styleguide/item-layout-slide-navigation.html +++ b/doc/styleguide/item-layout-slide-navigation.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-slides-bottom.html b/doc/styleguide/item-layout-slides-bottom.html index 3d4967d..f52f085 100644 --- a/doc/styleguide/item-layout-slides-bottom.html +++ b/doc/styleguide/item-layout-slides-bottom.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-slides-fullscreen.html b/doc/styleguide/item-layout-slides-fullscreen.html index 94d6ec4..2d26e8b 100644 --- a/doc/styleguide/item-layout-slides-fullscreen.html +++ b/doc/styleguide/item-layout-slides-fullscreen.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-slides-top.html b/doc/styleguide/item-layout-slides-top.html index 8c57f95..892fc8f 100644 --- a/doc/styleguide/item-layout-slides-top.html +++ b/doc/styleguide/item-layout-slides-top.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout-slides.html b/doc/styleguide/item-layout-slides.html index 9e22b49..b566903 100644 --- a/doc/styleguide/item-layout-slides.html +++ b/doc/styleguide/item-layout-slides.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-layout.html b/doc/styleguide/item-layout.html index e7d814a..a5f665c 100644 --- a/doc/styleguide/item-layout.html +++ b/doc/styleguide/item-layout.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -82,12 +72,12 @@
  • - Backgrounds + Layout.backgrounds
  • - Layout.backgrounds + Backgrounds
  • diff --git a/doc/styleguide/item-longforms-interviews.html b/doc/styleguide/item-longforms-interviews.html index 359670f..cf4f09d 100644 --- a/doc/styleguide/item-longforms-interviews.html +++ b/doc/styleguide/item-longforms-interviews.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-longforms.html b/doc/styleguide/item-longforms.html index eacb3c2..e3f1d24 100644 --- a/doc/styleguide/item-longforms.html +++ b/doc/styleguide/item-longforms.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media-avatars.html b/doc/styleguide/item-media-avatars.html index d560018..bdf9f23 100644 --- a/doc/styleguide/item-media-avatars.html +++ b/doc/styleguide/item-media-avatars.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media-embed.html b/doc/styleguide/item-media-embed.html index fea7518..bce00ee 100644 --- a/doc/styleguide/item-media-embed.html +++ b/doc/styleguide/item-media-embed.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media-fullscreen-embed.html b/doc/styleguide/item-media-fullscreen-embed.html index df42dfa..3e4d6db 100644 --- a/doc/styleguide/item-media-fullscreen-embed.html +++ b/doc/styleguide/item-media-fullscreen-embed.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media-fullscreen.html b/doc/styleguide/item-media-fullscreen.html index 280fad5..2a502a9 100644 --- a/doc/styleguide/item-media-fullscreen.html +++ b/doc/styleguide/item-media-fullscreen.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media-screenshots.html b/doc/styleguide/item-media-screenshots.html index 4ef0bb9..9af0a23 100644 --- a/doc/styleguide/item-media-screenshots.html +++ b/doc/styleguide/item-media-screenshots.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-media.html b/doc/styleguide/item-media.html index 4bc54a8..76b17ff 100644 --- a/doc/styleguide/item-media.html +++ b/doc/styleguide/item-media.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-activity.html b/doc/styleguide/item-multipurpose-blocks-activity.html index 647c510..3dfa29d 100644 --- a/doc/styleguide/item-multipurpose-blocks-activity.html +++ b/doc/styleguide/item-multipurpose-blocks-activity.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-clients.html b/doc/styleguide/item-multipurpose-blocks-clients.html index 600c7f3..6ef1124 100644 --- a/doc/styleguide/item-multipurpose-blocks-clients.html +++ b/doc/styleguide/item-multipurpose-blocks-clients.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-features.html b/doc/styleguide/item-multipurpose-blocks-features.html index d85849f..48a4cde 100644 --- a/doc/styleguide/item-multipurpose-blocks-features.html +++ b/doc/styleguide/item-multipurpose-blocks-features.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-gallery-overlay.html b/doc/styleguide/item-multipurpose-blocks-gallery-overlay.html index 209e5f2..443873e 100644 --- a/doc/styleguide/item-multipurpose-blocks-gallery-overlay.html +++ b/doc/styleguide/item-multipurpose-blocks-gallery-overlay.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-gallery.html b/doc/styleguide/item-multipurpose-blocks-gallery.html index 0690e91..39b9a1a 100644 --- a/doc/styleguide/item-multipurpose-blocks-gallery.html +++ b/doc/styleguide/item-multipurpose-blocks-gallery.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-metrics.html b/doc/styleguide/item-multipurpose-blocks-metrics.html index 155aa66..5d306f6 100644 --- a/doc/styleguide/item-multipurpose-blocks-metrics.html +++ b/doc/styleguide/item-multipurpose-blocks-metrics.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-plans.html b/doc/styleguide/item-multipurpose-blocks-plans.html index 449bbfa..6355c4b 100644 --- a/doc/styleguide/item-multipurpose-blocks-plans.html +++ b/doc/styleguide/item-multipurpose-blocks-plans.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-reasons.html b/doc/styleguide/item-multipurpose-blocks-reasons.html index 93b960c..1a199b2 100644 --- a/doc/styleguide/item-multipurpose-blocks-reasons.html +++ b/doc/styleguide/item-multipurpose-blocks-reasons.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-specs.html b/doc/styleguide/item-multipurpose-blocks-specs.html index d3d0824..cf9e3bc 100644 --- a/doc/styleguide/item-multipurpose-blocks-specs.html +++ b/doc/styleguide/item-multipurpose-blocks-specs.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks-steps.html b/doc/styleguide/item-multipurpose-blocks-steps.html index 77e14e3..e3eea0b 100644 --- a/doc/styleguide/item-multipurpose-blocks-steps.html +++ b/doc/styleguide/item-multipurpose-blocks-steps.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-multipurpose-blocks.html b/doc/styleguide/item-multipurpose-blocks.html index 65b5908..428bb22 100644 --- a/doc/styleguide/item-multipurpose-blocks.html +++ b/doc/styleguide/item-multipurpose-blocks.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-columns.html b/doc/styleguide/item-typography-columns.html index ac802d3..d4faf48 100644 --- a/doc/styleguide/item-typography-columns.html +++ b/doc/styleguide/item-typography-columns.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-context.html b/doc/styleguide/item-typography-context.html index b97361f..391e871 100644 --- a/doc/styleguide/item-typography-context.html +++ b/doc/styleguide/item-typography-context.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-data.html b/doc/styleguide/item-typography-data.html index 5443d3d..c71aaf5 100644 --- a/doc/styleguide/item-typography-data.html +++ b/doc/styleguide/item-typography-data.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-emoji.html b/doc/styleguide/item-typography-emoji.html index c0158e6..fc71513 100644 --- a/doc/styleguide/item-typography-emoji.html +++ b/doc/styleguide/item-typography-emoji.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-info.html b/doc/styleguide/item-typography-info.html index f5a5486..6d4ba88 100644 --- a/doc/styleguide/item-typography-info.html +++ b/doc/styleguide/item-typography-info.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-intro.html b/doc/styleguide/item-typography-intro.html index a4af75b..5021cb2 100644 --- a/doc/styleguide/item-typography-intro.html +++ b/doc/styleguide/item-typography-intro.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-label.html b/doc/styleguide/item-typography-label.html index 6eafcb7..22e9d92 100644 --- a/doc/styleguide/item-typography-label.html +++ b/doc/styleguide/item-typography-label.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-landings.html b/doc/styleguide/item-typography-landings.html index 3b4b96c..2966a52 100644 --- a/doc/styleguide/item-typography-landings.html +++ b/doc/styleguide/item-typography-landings.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-lowercase.html b/doc/styleguide/item-typography-lowercase.html index 144e381..131e21a 100644 --- a/doc/styleguide/item-typography-lowercase.html +++ b/doc/styleguide/item-typography-lowercase.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-pull_quote.html b/doc/styleguide/item-typography-pull_quote.html index 4d66611..7f577a5 100644 --- a/doc/styleguide/item-typography-pull_quote.html +++ b/doc/styleguide/item-typography-pull_quote.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-separator.html b/doc/styleguide/item-typography-separator.html index 21cd3fb..54a1a84 100644 --- a/doc/styleguide/item-typography-separator.html +++ b/doc/styleguide/item-typography-separator.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-serif.html b/doc/styleguide/item-typography-serif.html index f0f58a6..c7aea9d 100644 --- a/doc/styleguide/item-typography-serif.html +++ b/doc/styleguide/item-typography-serif.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-shadow.html b/doc/styleguide/item-typography-shadow.html index 7009e35..0aefb93 100644 --- a/doc/styleguide/item-typography-shadow.html +++ b/doc/styleguide/item-typography-shadow.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-subtitle.html b/doc/styleguide/item-typography-subtitle.html index 923fbc3..48126de 100644 --- a/doc/styleguide/item-typography-subtitle.html +++ b/doc/styleguide/item-typography-subtitle.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-symbols.html b/doc/styleguide/item-typography-symbols.html index f7ad621..cfc8aa8 100644 --- a/doc/styleguide/item-typography-symbols.html +++ b/doc/styleguide/item-typography-symbols.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography-uppercase.html b/doc/styleguide/item-typography-uppercase.html index 6f7fb85..946a630 100644 --- a/doc/styleguide/item-typography-uppercase.html +++ b/doc/styleguide/item-typography-uppercase.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/item-typography.html b/doc/styleguide/item-typography.html index 010871b..b5e493c 100644 --- a/doc/styleguide/item-typography.html +++ b/doc/styleguide/item-typography.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/section-architecture.html b/doc/styleguide/section-architecture.html deleted file mode 100644 index da8b8c4..0000000 --- a/doc/styleguide/section-architecture.html +++ /dev/null @@ -1,234 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    -     -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    -
    -
    - -
    -
    - -
    - -
    -

    - - Architecture - -

    - - -
    - - - - -
    -
    - -
    -

    - - Radius - -

    - -
    -

    Adds a rounded radis

    - -
    - -
    - - -
    -
    - Example -
    - - -
    -
    - 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. -
    -
    -
    - -
    - -
    - - 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>
    -
    - -
    - Source: _base.scss, line 129 -
    - -
    -
    - -
    -

    - - Try - -

    - - -
    - - -
    -
    - Example -
    - - -
    - Try element -
    -
    - -
    - -
    - - Markup - - 
    <a href="#" class="try">Try element</a>
    -
    - -
    - Source: modules/_form.scss, line 96 -
    - -
    -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/section-contents.html b/doc/styleguide/section-contents.html deleted file mode 100644 index 6756209..0000000 --- a/doc/styleguide/section-contents.html +++ /dev/null @@ -1,229 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    -
    -
    - -
    -
    - -
    - -
    -

    - - Contents - -

    - - -
    - - - - -
    -
    - -
    -

    - - CV / Resumé - -

    - - -
    - - -
    -
    - Example -
    - - -
    - -
    -
    - -
    - -
    - - Markup - - 
    <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>
    -
    - -
    - Source: modules/_work.scss, line 1 -
    - -
    -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/section-forms.html b/doc/styleguide/section-forms.html index 8184df0..476778f 100644 --- a/doc/styleguide/section-forms.html +++ b/doc/styleguide/section-forms.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -52,7 +42,17 @@ @@ -113,13 +113,25 @@

    - 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.

    + +
    +
    + Demos +
    +
    @@ -128,10 +140,20 @@
    -
    - - -
    +
    +
    + Welcome back +

    + +

    +

    + +

    +

    + +

    +
    +
    @@ -141,14 +163,155 @@ Markup - 
    <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>
    - Source: modules/_form.scss, line 139 + Source: modules/_form.scss, line 146 +
    + +
    +
    + +
    +

    + + Login + +

    + +
    +

    Creating a login form is a simple task, add every field you need: username, email, forget password?, buttons, ...

    + +
    + +
    + +
    + Demos +
    + + +
    +
    + Example +
    + + +
    +
    +
    + Welcome back +

    + +

    +

    + +

    +

    + +

    +
    +
    +
    +
    + +
    + +
    + + 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>
    +
    + +
    + Source: modules/_form.scss, line 163 +
    + +
    +
    + +
    +

    + + Try + +

    + +
    +

    Highlight important links

    + +
    + +
    + +
    + Demos +
    + + +
    +
    + Example +
    + + +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.

    +

    Important link

    +
    +
    + +
    + +
    + + 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>
    +
    + +
    + Source: modules/_form.scss, line 96
    diff --git a/doc/styleguide/section-landings-and-portfolio.html b/doc/styleguide/section-landings-and-portfolio.html index b4574bb..59f192f 100644 --- a/doc/styleguide/section-landings-and-portfolio.html +++ b/doc/styleguide/section-landings-and-portfolio.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -85,6 +75,11 @@ Quotes & Cites
    • +
  • + + CV / Resumé + +
  • Table of contents @@ -440,6 +435,90 @@ Source: modules/_quotes.scss, line 1 + +
    + +
    +

    + + CV / Resumé + +

    + + +
    + + +
    +
    + Example +
    + + +
    + +
    +
    + +
    + +
    + + Markup + + 
    <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>
    +
    + +
    + Source: modules/_work.scss, line 1 +
    +
    diff --git a/doc/styleguide/section-layout.html b/doc/styleguide/section-layout.html index d33d523..6a123e7 100644 --- a/doc/styleguide/section-layout.html +++ b/doc/styleguide/section-layout.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms @@ -82,12 +72,12 @@
  • - Backgrounds + Layout.backgrounds
  • - Layout.backgrounds + Backgrounds
  • @@ -265,7 +255,7 @@
    - Source: _base.scss, line 143 + Source: _base.scss, line 133
    @@ -553,6 +543,22 @@ Source: modules/_slides-bg.scss, line 92 + +
    + +
    +

    + + Layout.backgrounds + +

    + + +
    + + + +
    @@ -619,22 +625,6 @@ Source: _color.scss, line 107
    - -
    - -
    -

    - - Layout.backgrounds - -

    - - -
    - - - -
    @@ -1075,7 +1065,7 @@ Auto-fill & Equal height

    - Source: _base.scss, line 199 + Source: _base.scss, line 189
    diff --git a/doc/styleguide/section-longforms.html b/doc/styleguide/section-longforms.html index ac5a004..af25b29 100644 --- a/doc/styleguide/section-longforms.html +++ b/doc/styleguide/section-longforms.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/section-media.html b/doc/styleguide/section-media.html index 19bbd4d..8f4f2cc 100644 --- a/doc/styleguide/section-media.html +++ b/doc/styleguide/section-media.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/section-multipurpose-blocks.html b/doc/styleguide/section-multipurpose-blocks.html index b201dea..463a790 100644 --- a/doc/styleguide/section-multipurpose-blocks.html +++ b/doc/styleguide/section-multipurpose-blocks.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/doc/styleguide/section-typography.html b/doc/styleguide/section-typography.html index d29e728..9b64323 100644 --- a/doc/styleguide/section-typography.html +++ b/doc/styleguide/section-typography.html @@ -35,16 +35,6 @@ Introduction
    • -
  • - - Architecture - -
    • -
  • - - Contents - -
  • Forms diff --git a/src/scss/_base.scss b/src/scss/_base.scss index db458fb..394af20 100644 --- a/src/scss/_base.scss +++ b/src/scss/_base.scss @@ -126,16 +126,6 @@ footer nav { padding: 2.4rem; } -// Radius -// -// Adds a rounded radis -// -// Markup: -//
    -// 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. -//
    -// -// Styleguide Architecture.Radius .radius { border-radius: .4rem; } diff --git a/src/scss/modules/_form.scss b/src/scss/modules/_form.scss index 92be355..5076cbd 100644 --- a/src/scss/modules/_form.scss +++ b/src/scss/modules/_form.scss @@ -95,10 +95,17 @@ input[type='submit'] { // Try // -// Markup: -//     Try element +// Highlight important links // -// Styleguide Architecture.Try +// Markup: +//

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.

    +//

    Important link

    +// +// 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: -//
    -// -// -//
    +//

    Title

    +//

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna nisi, mollis sit amet venenatis nec, pulvinar id mi.

    +//
    +// +// +//
    +// +// 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: +//
    +//
    +// Welcome back +//

    +// +//

    +//

    +// +//

    +//

    +// +//

    +//
    +//
    +// +// Demos: +// [Microsoft login](https://webslides.tv/demos/components#slide=93) // // Styleguide Forms.Login .user { diff --git a/src/scss/modules/_work.scss b/src/scss/modules/_work.scss index 4a1d9e9..e65b067 100644 --- a/src/scss/modules/_work.scss +++ b/src/scss/modules/_work.scss @@ -26,7 +26,7 @@ //
    • // // -// Styleguide Contents.Resume +// Styleguide Landings and portfolio.Resume .work { clear: both; display: flex;