diff --git a/doc/styleguide/index.html b/doc/styleguide/index.html index 3447339..557a4e3 100644 --- a/doc/styleguide/index.html +++ b/doc/styleguide/index.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-avatars.html b/doc/styleguide/item-avatars.html index ba222c2..2f18648 100644 --- a/doc/styleguide/item-avatars.html +++ b/doc/styleguide/item-avatars.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-badgets.html b/doc/styleguide/item-badgets.html index 7e7d534..0437b88 100644 --- a/doc/styleguide/item-badgets.html +++ b/doc/styleguide/item-badgets.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-base-backgrounds-gradient.html b/doc/styleguide/item-base-backgrounds-gradient.html index 6a25b95..8d646d9 100644 --- a/doc/styleguide/item-base-backgrounds-gradient.html +++ b/doc/styleguide/item-base-backgrounds-gradient.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-base-backgrounds-transparent.html b/doc/styleguide/item-base-backgrounds-transparent.html index 758887e..8f65b6a 100644 --- a/doc/styleguide/item-base-backgrounds-transparent.html +++ b/doc/styleguide/item-base-backgrounds-transparent.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-base-backgrounds.html b/doc/styleguide/item-base-backgrounds.html index 27e4e49..8f3724c 100644 --- a/doc/styleguide/item-base-backgrounds.html +++ b/doc/styleguide/item-base-backgrounds.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-base.html b/doc/styleguide/item-base.html index 0563451..fa503ea 100644 --- a/doc/styleguide/item-base.html +++ b/doc/styleguide/item-base.html @@ -71,29 +71,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-buttons.html b/doc/styleguide/item-buttons.html index b6271a6..5c08ee7 100644 --- a/doc/styleguide/item-buttons.html +++ b/doc/styleguide/item-buttons.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -101,22 +116,35 @@
    - Example + Examples
    +
    + Default styling +
    - Download + Download
    +
    + .radius +
    +
    + Rounded corners +
    +
    + Download +
    +
    Markup - 
    <a href="#" class="button">Download</a>
    + 
    <a href="#" class="button [modifier class]">Download</a>
    diff --git a/doc/styleguide/item-cards.html b/doc/styleguide/item-cards.html index 62a4ca3..c725f90 100644 --- a/doc/styleguide/item-cards.html +++ b/doc/styleguide/item-cards.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/item-elements-try.html b/doc/styleguide/item-elements-try.html new file mode 100644 index 0000000..6287cbd --- /dev/null +++ b/doc/styleguide/item-elements-try.html @@ -0,0 +1,175 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    +
    + +
    + +
    +

    + + + 6.1 + + #Elements.Try + + + Try + +

    + + +
    + +
    +
    + Example +
    + + +
    + Try element +
    +
    + +
    + +
    + + Markup + + 
    <a href="#" class="try">Try element</a>
    +
    + +
    + Source: modules/_form.scss, line 96 +
    + +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-elements.html b/doc/styleguide/item-elements.html new file mode 100644 index 0000000..799ebed --- /dev/null +++ b/doc/styleguide/item-elements.html @@ -0,0 +1,161 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    +
    + +
    + +
    +

    + + + 6 + + #Elements + + + Elements + +

    + + +
    + + + +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-flexblock-activity.html b/doc/styleguide/item-flexblock-activity.html index 4914e00..64710e2 100644 --- a/doc/styleguide/item-flexblock-activity.html +++ b/doc/styleguide/item-flexblock-activity.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.1 + 7.1 #Flexblock.Activity diff --git a/doc/styleguide/item-flexblock-blink.html b/doc/styleguide/item-flexblock-blink.html index 923351a..37624e6 100644 --- a/doc/styleguide/item-flexblock-blink.html +++ b/doc/styleguide/item-flexblock-blink.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.2 + 7.2 #Flexblock.Blink diff --git a/doc/styleguide/item-flexblock-clients.html b/doc/styleguide/item-flexblock-clients.html index e4b0a66..2afaa07 100644 --- a/doc/styleguide/item-flexblock-clients.html +++ b/doc/styleguide/item-flexblock-clients.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.3 + 7.3 #Flexblock.Clients diff --git a/doc/styleguide/item-flexblock-features.html b/doc/styleguide/item-flexblock-features.html index ae91971..fe74adc 100644 --- a/doc/styleguide/item-flexblock-features.html +++ b/doc/styleguide/item-flexblock-features.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.4 + 7.4 #Flexblock.Features diff --git a/doc/styleguide/item-flexblock-gallery-overlay.html b/doc/styleguide/item-flexblock-gallery-overlay.html index 650b435..c148c8a 100644 --- a/doc/styleguide/item-flexblock-gallery-overlay.html +++ b/doc/styleguide/item-flexblock-gallery-overlay.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.5.1 + 7.5.1 #Flexblock.Gallery.Overlay diff --git a/doc/styleguide/item-flexblock-gallery.html b/doc/styleguide/item-flexblock-gallery.html index 8197d8a..7bcc583 100644 --- a/doc/styleguide/item-flexblock-gallery.html +++ b/doc/styleguide/item-flexblock-gallery.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.5 + 7.5 #Flexblock.Gallery diff --git a/doc/styleguide/item-flexblock-metrics.html b/doc/styleguide/item-flexblock-metrics.html index 6fb6b8d..cf5ee87 100644 --- a/doc/styleguide/item-flexblock-metrics.html +++ b/doc/styleguide/item-flexblock-metrics.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.6 + 7.6 #Flexblock.Metrics diff --git a/doc/styleguide/item-flexblock-plans.html b/doc/styleguide/item-flexblock-plans.html index a2cce16..c78fcaf 100644 --- a/doc/styleguide/item-flexblock-plans.html +++ b/doc/styleguide/item-flexblock-plans.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.7 + 7.7 #Flexblock.Plans diff --git a/doc/styleguide/item-flexblock-reasons.html b/doc/styleguide/item-flexblock-reasons.html index 8dee3f5..3b0e84a 100644 --- a/doc/styleguide/item-flexblock-reasons.html +++ b/doc/styleguide/item-flexblock-reasons.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.8 + 7.8 #Flexblock.Reasons diff --git a/doc/styleguide/item-flexblock-specs.html b/doc/styleguide/item-flexblock-specs.html index d7893a3..2f4ba53 100644 --- a/doc/styleguide/item-flexblock-specs.html +++ b/doc/styleguide/item-flexblock-specs.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.9 + 7.9 #Flexblock.Specs diff --git a/doc/styleguide/item-flexblock-steps.html b/doc/styleguide/item-flexblock-steps.html index 82f4d03..ad759f3 100644 --- a/doc/styleguide/item-flexblock-steps.html +++ b/doc/styleguide/item-flexblock-steps.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 6.10 + 7.10 #Flexblock.Steps diff --git a/doc/styleguide/item-flexblock.html b/doc/styleguide/item-flexblock.html index 13804a9..9569335 100644 --- a/doc/styleguide/item-flexblock.html +++ b/doc/styleguide/item-flexblock.html @@ -51,97 +51,112 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid + +
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -155,7 +170,7 @@

    - 6 + 7 #Flexblock diff --git a/doc/styleguide/item-forms-user.html b/doc/styleguide/item-forms-user.html new file mode 100644 index 0000000..feda1f9 --- /dev/null +++ b/doc/styleguide/item-forms-user.html @@ -0,0 +1,181 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    +     +
    +
    + +
    + +
    +

    + + + 8.1 + + #Forms.User + + + User + +

    + + +
    + +
    +
    + Example +
    + + +
    +
    + + +
    +
    +
    + +
    + +
    + + Markup + + 
    <div class="user">
+  <input type="text" placeholder="Username" />
+  <button>Log in</button>
+</div>
    +
    + +
    + Source: modules/_form.scss, line 139 +
    + +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-forms.html b/doc/styleguide/item-forms.html new file mode 100644 index 0000000..1445632 --- /dev/null +++ b/doc/styleguide/item-forms.html @@ -0,0 +1,161 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    + + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-grid.html b/doc/styleguide/item-grid.html new file mode 100644 index 0000000..d72e2dd --- /dev/null +++ b/doc/styleguide/item-grid.html @@ -0,0 +1,223 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    +
    + +
    + +
    +

    + + + 9 + + #Grid + + + Grid + +

    + +
    +

    Basic Grid (Flexible blocks) +Auto-fill & Equal height

    + +
    + +
    + +
    +
    + Examples +
    + +
    + Default styling +
    + +
    +
    +
    +

    WebSlides is really easy

    +

    Each parent <section> in the #webslides element is an individual slide.

    +

    Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

    +
    +
    +

    WebSlides is the clean

    +

    Each parent <section> in the #webslides element is an individual slide.

    +
    +
    +
    +
    + +
    + .vertical-align +
    +
    + Vertical align +
    +
    +
    +
    +

    WebSlides is really easy

    +

    Each parent <section> in the #webslides element is an individual slide.

    +

    Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

    +
    +
    +

    WebSlides is the clean

    +

    Each parent <section> in the #webslides element is an individual slide.

    +
    +
    +
    +
    +
    + +
    + + Markup + + 
    <div class="grid [modifier class]">
+  <div class="column">
+    <h3><strong>WebSlides is really easy</strong></h3>
+    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
+    <p>Code is neat, scalable, and well documented. It uses <strong>intuitive markup with popular naming conventions</strong>. There's no need to overuse classes or nesting. <strong>Based on <a href="https://github.com/jennschiffer/SimpleSlides">SimpleSlides</a>, by <a href="http://jennmoney.biz">Jenn Schiffer</a></strong> :)</p>
+  </div>
+  <div class="column">
+    <h3><strong>WebSlides is the clean</strong></h3>
+    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
+  </div>
+</div>
    +
    + +
    + Source: modules/_grid.scss, line 1 +
    + +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-layout-alignment.html b/doc/styleguide/item-layout-alignment.html index 3b443de..1f76ee6 100644 --- a/doc/styleguide/item-layout-alignment.html +++ b/doc/styleguide/item-layout-alignment.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 7.1 + 10.1 #Layout.Alignment diff --git a/doc/styleguide/item-layout-radius.html b/doc/styleguide/item-layout-radius.html index c99c9a6..1c70854 100644 --- a/doc/styleguide/item-layout-radius.html +++ b/doc/styleguide/item-layout-radius.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 7.2 + 10.2 #Layout.Radius diff --git a/doc/styleguide/item-layout-shadow.html b/doc/styleguide/item-layout-shadow.html index 8de46e9..6fb1f0b 100644 --- a/doc/styleguide/item-layout-shadow.html +++ b/doc/styleguide/item-layout-shadow.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 7.3 + 10.3 #Layout.Shadow diff --git a/doc/styleguide/item-layout-sizes.html b/doc/styleguide/item-layout-sizes.html index ca17ba9..bd4db13 100644 --- a/doc/styleguide/item-layout-sizes.html +++ b/doc/styleguide/item-layout-sizes.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 7.4 + 10.4 #Layout.Sizes diff --git a/doc/styleguide/item-layout.html b/doc/styleguide/item-layout.html index de2a45f..0fb06fb 100644 --- a/doc/styleguide/item-layout.html +++ b/doc/styleguide/item-layout.html @@ -51,37 +51,52 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout @@ -113,7 +128,7 @@

    - 7 + 10 #Layout diff --git a/doc/styleguide/item-screenshots.html b/doc/styleguide/item-screenshots.html index 004006d..9d06d9f 100644 --- a/doc/styleguide/item-screenshots.html +++ b/doc/styleguide/item-screenshots.html @@ -51,29 +51,44 @@ 5Cards

    • +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 8 + 11 #Screenshots diff --git a/doc/styleguide/item-slide-background-anim.html b/doc/styleguide/item-slide-background-anim.html index 85b3a88..63d789b 100644 --- a/doc/styleguide/item-slide-background-anim.html +++ b/doc/styleguide/item-slide-background-anim.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 9.1.1 + 12.1.1 #Slide.Background.Anim diff --git a/doc/styleguide/item-slide-background-video.html b/doc/styleguide/item-slide-background-video.html index 5db009b..6d5459e 100644 --- a/doc/styleguide/item-slide-background-video.html +++ b/doc/styleguide/item-slide-background-video.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 9.1.2 + 12.1.2 #Slide.Background.Video diff --git a/doc/styleguide/item-slide-background.html b/doc/styleguide/item-slide-background.html index f4b56c0..a5bba60 100644 --- a/doc/styleguide/item-slide-background.html +++ b/doc/styleguide/item-slide-background.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 9.1 + 12.1 #Slide.Background diff --git a/doc/styleguide/item-slide.html b/doc/styleguide/item-slide.html index 81313d5..1f6f3c5 100644 --- a/doc/styleguide/item-slide.html +++ b/doc/styleguide/item-slide.html @@ -51,41 +51,56 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide @@ -107,7 +122,7 @@

    - 9 + 12 #Slide diff --git a/doc/styleguide/item-typography-columns.html b/doc/styleguide/item-typography-columns.html index cda5460..27cd942 100644 --- a/doc/styleguide/item-typography-columns.html +++ b/doc/styleguide/item-typography-columns.html @@ -51,29 +51,44 @@ 5Cards

    • +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.1 + 13.1 #Typography.Columns diff --git a/doc/styleguide/item-typography-context.html b/doc/styleguide/item-typography-context.html index 48f6ec9..a50ee50 100644 --- a/doc/styleguide/item-typography-context.html +++ b/doc/styleguide/item-typography-context.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.2 + 13.2 #Typography.Context diff --git a/doc/styleguide/item-typography-data.html b/doc/styleguide/item-typography-data.html index d6445e3..66ca1c0 100644 --- a/doc/styleguide/item-typography-data.html +++ b/doc/styleguide/item-typography-data.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.3 + 13.3 #Typography.Data diff --git a/doc/styleguide/item-typography-emoji.html b/doc/styleguide/item-typography-emoji.html index 3a1231d..7092c49 100644 --- a/doc/styleguide/item-typography-emoji.html +++ b/doc/styleguide/item-typography-emoji.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.4 + 13.4 #Typography.Emoji diff --git a/doc/styleguide/item-typography-info.html b/doc/styleguide/item-typography-info.html index 9cd11f1..7c433c2 100644 --- a/doc/styleguide/item-typography-info.html +++ b/doc/styleguide/item-typography-info.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.5 + 13.5 #Typography.Info diff --git a/doc/styleguide/item-typography-interviews.html b/doc/styleguide/item-typography-interviews.html index 80a0401..d928a4c 100644 --- a/doc/styleguide/item-typography-interviews.html +++ b/doc/styleguide/item-typography-interviews.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.6 + 13.6 #Typography.Interviews diff --git a/doc/styleguide/item-typography-intro.html b/doc/styleguide/item-typography-intro.html index 4b39a5a..fba8610 100644 --- a/doc/styleguide/item-typography-intro.html +++ b/doc/styleguide/item-typography-intro.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.7 + 13.7 #Typography.Intro diff --git a/doc/styleguide/item-typography-label.html b/doc/styleguide/item-typography-label.html index ab7722d..ecb3204 100644 --- a/doc/styleguide/item-typography-label.html +++ b/doc/styleguide/item-typography-label.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.8 + 13.8 #Typography.Label diff --git a/doc/styleguide/item-typography-landings.html b/doc/styleguide/item-typography-landings.html index 7a24d40..0a66baf 100644 --- a/doc/styleguide/item-typography-landings.html +++ b/doc/styleguide/item-typography-landings.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.9 + 13.9 #Typography.Landings diff --git a/doc/styleguide/item-typography-lowercase.html b/doc/styleguide/item-typography-lowercase.html index e594aaa..5e9abf6 100644 --- a/doc/styleguide/item-typography-lowercase.html +++ b/doc/styleguide/item-typography-lowercase.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.10 + 13.10 #Typography.Lowercase diff --git a/doc/styleguide/item-typography-pull_quote.html b/doc/styleguide/item-typography-pull_quote.html index 6f6634d..beb38d2 100644 --- a/doc/styleguide/item-typography-pull_quote.html +++ b/doc/styleguide/item-typography-pull_quote.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.11 + 13.11 #Typography.Pull_Quote diff --git a/doc/styleguide/item-typography-separator.html b/doc/styleguide/item-typography-separator.html index f911639..f67638d 100644 --- a/doc/styleguide/item-typography-separator.html +++ b/doc/styleguide/item-typography-separator.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.12 + 13.12 #Typography.Separator diff --git a/doc/styleguide/item-typography-serif.html b/doc/styleguide/item-typography-serif.html index d114109..46c5d99 100644 --- a/doc/styleguide/item-typography-serif.html +++ b/doc/styleguide/item-typography-serif.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.13 + 13.13 #Typography.Serif diff --git a/doc/styleguide/item-typography-subtitle.html b/doc/styleguide/item-typography-subtitle.html index 128de7e..46747f1 100644 --- a/doc/styleguide/item-typography-subtitle.html +++ b/doc/styleguide/item-typography-subtitle.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.14 + 13.14 #Typography.Subtitle diff --git a/doc/styleguide/item-typography-symbols.html b/doc/styleguide/item-typography-symbols.html index 9750c04..17243bf 100644 --- a/doc/styleguide/item-typography-symbols.html +++ b/doc/styleguide/item-typography-symbols.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.15 + 13.15 #Typography.Symbols diff --git a/doc/styleguide/item-typography-uppercase.html b/doc/styleguide/item-typography-uppercase.html index 6b6b5c6..a2f5991 100644 --- a/doc/styleguide/item-typography-uppercase.html +++ b/doc/styleguide/item-typography-uppercase.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 10.16 + 13.16 #Typography.Uppercase diff --git a/doc/styleguide/item-typography.html b/doc/styleguide/item-typography.html index f3b1f69..019b70e 100644 --- a/doc/styleguide/item-typography.html +++ b/doc/styleguide/item-typography.html @@ -51,124 +51,139 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography diff --git a/doc/styleguide/section-badgets.html b/doc/styleguide/section-badgets.html index d3e1f56..140db95 100644 --- a/doc/styleguide/section-badgets.html +++ b/doc/styleguide/section-badgets.html @@ -51,29 +51,44 @@ 5Cards
    • +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/section-base.html b/doc/styleguide/section-base.html index a61a8bc..e91a682 100644 --- a/doc/styleguide/section-base.html +++ b/doc/styleguide/section-base.html @@ -71,29 +71,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/section-buttons.html b/doc/styleguide/section-buttons.html index f7d5928..60e98d3 100644 --- a/doc/styleguide/section-buttons.html +++ b/doc/styleguide/section-buttons.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -101,22 +116,35 @@
    - Example + Examples
    +
    + Default styling +
    - Download + Download
    +
    + .radius +
    +
    + Rounded corners +
    +
    + Download +
    +
    Markup - 
    <a href="#" class="button">Download</a>
    + 
    <a href="#" class="button [modifier class]">Download</a>
    diff --git a/doc/styleguide/section-cards.html b/doc/styleguide/section-cards.html index b87c47a..cc7109a 100644 --- a/doc/styleguide/section-cards.html +++ b/doc/styleguide/section-cards.html @@ -51,29 +51,44 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • diff --git a/doc/styleguide/section-elements.html b/doc/styleguide/section-elements.html new file mode 100644 index 0000000..2d58cdf --- /dev/null +++ b/doc/styleguide/section-elements.html @@ -0,0 +1,204 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    + + + + + + + + + + + + + + + + diff --git a/doc/styleguide/section-flexblock.html b/doc/styleguide/section-flexblock.html index 23faa7f..c3464f2 100644 --- a/doc/styleguide/section-flexblock.html +++ b/doc/styleguide/section-flexblock.html @@ -51,97 +51,112 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid + +
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -155,7 +170,7 @@

    - 6 + 7 #Flexblock @@ -176,7 +191,7 @@

    - 6.1 + 7.1 #Flexblock.Activity @@ -307,7 +322,7 @@

    - 6.2 + 7.2 #Flexblock.Blink @@ -461,7 +476,7 @@

    - 6.3 + 7.3 #Flexblock.Clients @@ -590,7 +605,7 @@

    - 6.4 + 7.4 #Flexblock.Features @@ -716,7 +731,7 @@

    - 6.5 + 7.5 #Flexblock.Gallery @@ -831,7 +846,7 @@

    - 6.5.1 + 7.5.1 #Flexblock.Gallery.Overlay @@ -934,7 +949,7 @@

    - 6.6 + 7.6 #Flexblock.Metrics @@ -1042,7 +1057,7 @@

    - 6.7 + 7.7 #Flexblock.Plans @@ -1195,7 +1210,7 @@

    - 6.8 + 7.8 #Flexblock.Reasons @@ -1260,7 +1275,7 @@

    - 6.9 + 7.9 #Flexblock.Specs @@ -1345,7 +1360,7 @@

    - 6.10 + 7.10 #Flexblock.Steps diff --git a/doc/styleguide/section-forms.html b/doc/styleguide/section-forms.html new file mode 100644 index 0000000..b6b4aff --- /dev/null +++ b/doc/styleguide/section-forms.html @@ -0,0 +1,210 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    +     +
    + + + + + + + + + + + + + + + + diff --git a/doc/styleguide/section-grid.html b/doc/styleguide/section-grid.html new file mode 100644 index 0000000..75141d9 --- /dev/null +++ b/doc/styleguide/section-grid.html @@ -0,0 +1,223 @@ + + + + + WebSlides + + + + + + + + + + + +
    +
    +

    WebSlides

    +
    + +
    +
    + +
    + +
    +

    + + + 9 + + #Grid + + + Grid + +

    + +
    +

    Basic Grid (Flexible blocks) +Auto-fill & Equal height

    + +
    + +
    + +
    +
    + Examples +
    + +
    + Default styling +
    + +
    +
    +
    +

    WebSlides is really easy

    +

    Each parent <section> in the #webslides element is an individual slide.

    +

    Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

    +
    +
    +

    WebSlides is the clean

    +

    Each parent <section> in the #webslides element is an individual slide.

    +
    +
    +
    +
    + +
    + .vertical-align +
    +
    + Vertical align +
    +
    +
    +
    +

    WebSlides is really easy

    +

    Each parent <section> in the #webslides element is an individual slide.

    +

    Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

    +
    +
    +

    WebSlides is the clean

    +

    Each parent <section> in the #webslides element is an individual slide.

    +
    +
    +
    +
    +
    + +
    + + Markup + + 
    <div class="grid [modifier class]">
+  <div class="column">
+    <h3><strong>WebSlides is really easy</strong></h3>
+    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
+    <p>Code is neat, scalable, and well documented. It uses <strong>intuitive markup with popular naming conventions</strong>. There's no need to overuse classes or nesting. <strong>Based on <a href="https://github.com/jennschiffer/SimpleSlides">SimpleSlides</a>, by <a href="http://jennmoney.biz">Jenn Schiffer</a></strong> :)</p>
+  </div>
+  <div class="column">
+    <h3><strong>WebSlides is the clean</strong></h3>
+    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
+  </div>
+</div>
    +
    + +
    + Source: modules/_grid.scss, line 1 +
    + +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/section-layout.html b/doc/styleguide/section-layout.html index bb15972..1e3ad94 100644 --- a/doc/styleguide/section-layout.html +++ b/doc/styleguide/section-layout.html @@ -51,37 +51,52 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout @@ -113,7 +128,7 @@

    - 7 + 10 #Layout @@ -134,7 +149,7 @@

    - 7.1 + 10.1 #Layout.Alignment @@ -225,7 +240,7 @@

    - 7.2 + 10.2 #Layout.Radius @@ -276,7 +291,7 @@

    - 7.3 + 10.3 #Layout.Shadow @@ -327,7 +342,7 @@

    - 7.4 + 10.4 #Layout.Sizes diff --git a/doc/styleguide/section-screenshots.html b/doc/styleguide/section-screenshots.html index b408888..8496fbb 100644 --- a/doc/styleguide/section-screenshots.html +++ b/doc/styleguide/section-screenshots.html @@ -51,29 +51,44 @@ 5Cards

    • +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography
    • @@ -87,7 +102,7 @@

    - 8 + 11 #Screenshots diff --git a/doc/styleguide/section-slide.html b/doc/styleguide/section-slide.html index d71218b..196f61e 100644 --- a/doc/styleguide/section-slide.html +++ b/doc/styleguide/section-slide.html @@ -51,41 +51,56 @@ 5Cards +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide @@ -107,7 +122,7 @@

    - 9 + 12 #Slide @@ -128,7 +143,7 @@

    - 9.1 + 12.1 #Slide.Background @@ -322,7 +337,7 @@

    - 9.1.1 + 12.1.1 #Slide.Background.Anim @@ -369,7 +384,7 @@

    - 9.1.2 + 12.1.2 #Slide.Background.Video diff --git a/doc/styleguide/section-typography.html b/doc/styleguide/section-typography.html index fcc11ea..7f405a1 100644 --- a/doc/styleguide/section-typography.html +++ b/doc/styleguide/section-typography.html @@ -51,124 +51,139 @@ 5Cards

    • +
  • + + 6Elements + +
  • - 6Flexblock + 7Flexblock + +
    • +
  • + + 8Forms + +
    • +
  • + + 9Grid
  • - 7Layout + 10Layout
  • - 8Screenshots + 11Screenshots
  • - 9Slide + 12Slide
  • - 10Typography + 13Typography