diff --git a/doc/styleguide/index.html b/doc/styleguide/index.html index 9074325..d232839 100644 --- a/doc/styleguide/index.html +++ b/doc/styleguide/index.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,36 +55,6 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • diff --git a/doc/styleguide/item-layout-alignment.html b/doc/styleguide/item-architecture-alignment.html similarity index 67% rename from doc/styleguide/item-layout-alignment.html rename to doc/styleguide/item-architecture-alignment.html index 4a3d6a9..7ecd445 100644 --- a/doc/styleguide/item-layout-alignment.html +++ b/doc/styleguide/item-architecture-alignment.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Align content

    diff --git a/doc/styleguide/item-slide-background.html b/doc/styleguide/item-architecture-background.html similarity index 72% rename from doc/styleguide/item-slide-background.html rename to doc/styleguide/item-architecture-background.html index a204824..139b753 100644 --- a/doc/styleguide/item-slide-background.html +++ b/doc/styleguide/item-architecture-background.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Backgrounds

    diff --git a/doc/styleguide/item-base-backgrounds-gradient.html b/doc/styleguide/item-architecture-backgrounds-gradient.html similarity index 50% rename from doc/styleguide/item-base-backgrounds-gradient.html rename to doc/styleguide/item-architecture-backgrounds-gradient.html index 25f2a8e..133436e 100644 --- a/doc/styleguide/item-base-backgrounds-gradient.html +++ b/doc/styleguide/item-architecture-backgrounds-gradient.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,47 +55,17 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - - Gradient Backgrounds + + Backgrounds - Gradient

    @@ -181,7 +101,7 @@
    - Source: _color.scss, line 194 + Source: _color.scss, line 193
    diff --git a/doc/styleguide/item-base-backgrounds-transparent.html b/doc/styleguide/item-architecture-backgrounds-transparent.html similarity index 51% rename from doc/styleguide/item-base-backgrounds-transparent.html rename to doc/styleguide/item-architecture-backgrounds-transparent.html index ccb2c2d..6820079 100644 --- a/doc/styleguide/item-base-backgrounds-transparent.html +++ b/doc/styleguide/item-architecture-backgrounds-transparent.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,47 +55,17 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - - Transparent Backgrounds + + Backgrounds - Transparent

    diff --git a/doc/styleguide/item-base-backgrounds.html b/doc/styleguide/item-architecture-backgrounds.html similarity index 58% rename from doc/styleguide/item-base-backgrounds.html rename to doc/styleguide/item-architecture-backgrounds.html index 0d39eae..c7b673f 100644 --- a/doc/styleguide/item-base-backgrounds.html +++ b/doc/styleguide/item-architecture-backgrounds.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Backgrounds

    diff --git a/doc/styleguide/item-buttons.html b/doc/styleguide/item-architecture-buttons.html similarity index 52% rename from doc/styleguide/item-buttons.html rename to doc/styleguide/item-architecture-buttons.html index 69d963b..8273627 100644 --- a/doc/styleguide/item-buttons.html +++ b/doc/styleguide/item-architecture-buttons.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,49 +55,19 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +
    diff --git a/doc/styleguide/item-typography-columns.html b/doc/styleguide/item-architecture-columns.html similarity index 51% rename from doc/styleguide/item-typography-columns.html rename to doc/styleguide/item-architecture-columns.html index 6df77e1..84bdc47 100644 --- a/doc/styleguide/item-typography-columns.html +++ b/doc/styleguide/item-architecture-columns.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Columns

    diff --git a/doc/styleguide/item-typography-context.html b/doc/styleguide/item-architecture-context.html similarity index 50% rename from doc/styleguide/item-typography-context.html rename to doc/styleguide/item-architecture-context.html index 304157d..2bfeea7 100644 --- a/doc/styleguide/item-typography-context.html +++ b/doc/styleguide/item-architecture-context.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Context

    diff --git a/doc/styleguide/item-typography-data.html b/doc/styleguide/item-architecture-data.html similarity index 50% rename from doc/styleguide/item-typography-data.html rename to doc/styleguide/item-architecture-data.html index c07cd93..7364e79 100644 --- a/doc/styleguide/item-typography-data.html +++ b/doc/styleguide/item-architecture-data.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Data

    diff --git a/doc/styleguide/item-typography-emoji.html b/doc/styleguide/item-architecture-emoji.html similarity index 50% rename from doc/styleguide/item-typography-emoji.html rename to doc/styleguide/item-architecture-emoji.html index ab7afa5..6145cdb 100644 --- a/doc/styleguide/item-typography-emoji.html +++ b/doc/styleguide/item-architecture-emoji.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Emoji

    diff --git a/doc/styleguide/item-architecture-forms-user.html b/doc/styleguide/item-architecture-forms-user.html new file mode 100644 index 0000000..22b3316 --- /dev/null +++ b/doc/styleguide/item-architecture-forms-user.html @@ -0,0 +1,140 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + +
    +

    + + Login form + +

    + + +
    + +
    +
    + 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-architecture-forms.html b/doc/styleguide/item-architecture-forms.html new file mode 100644 index 0000000..b63fa85 --- /dev/null +++ b/doc/styleguide/item-architecture-forms.html @@ -0,0 +1,112 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + + + + + +
    +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-grid.html b/doc/styleguide/item-architecture-grid.html similarity index 63% rename from doc/styleguide/item-grid.html rename to doc/styleguide/item-architecture-grid.html index 5769d9a..6a54c45 100644 --- a/doc/styleguide/item-grid.html +++ b/doc/styleguide/item-architecture-grid.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,49 +55,19 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +
    -

    - +

    + Grid -

    +

    Basic Grid (Flexible blocks) diff --git a/doc/styleguide/item-typography-info.html b/doc/styleguide/item-architecture-info.html similarity index 50% rename from doc/styleguide/item-typography-info.html rename to doc/styleguide/item-architecture-info.html index 06b953d..dd6b936 100644 --- a/doc/styleguide/item-typography-info.html +++ b/doc/styleguide/item-architecture-info.html @@ -35,69 +35,19 @@ Introduction -

  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Info Messages

    diff --git a/doc/styleguide/item-typography-interviews.html b/doc/styleguide/item-architecture-interviews.html similarity index 55% rename from doc/styleguide/item-typography-interviews.html rename to doc/styleguide/item-architecture-interviews.html index e938cd5..f1cfe82 100644 --- a/doc/styleguide/item-typography-interviews.html +++ b/doc/styleguide/item-architecture-interviews.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Interviews

    diff --git a/doc/styleguide/item-typography-intro.html b/doc/styleguide/item-architecture-intro.html similarity index 50% rename from doc/styleguide/item-typography-intro.html rename to doc/styleguide/item-architecture-intro.html index 6ba1ee4..3f7fea3 100644 --- a/doc/styleguide/item-typography-intro.html +++ b/doc/styleguide/item-architecture-intro.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Intro

    diff --git a/doc/styleguide/item-typography-label.html b/doc/styleguide/item-architecture-label.html similarity index 50% rename from doc/styleguide/item-typography-label.html rename to doc/styleguide/item-architecture-label.html index 3ffbb29..bfe5766 100644 --- a/doc/styleguide/item-typography-label.html +++ b/doc/styleguide/item-architecture-label.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Label

    diff --git a/doc/styleguide/item-typography-landings.html b/doc/styleguide/item-architecture-landings.html similarity index 50% rename from doc/styleguide/item-typography-landings.html rename to doc/styleguide/item-architecture-landings.html index 9f544a0..440c3f6 100644 --- a/doc/styleguide/item-typography-landings.html +++ b/doc/styleguide/item-architecture-landings.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Landings

    diff --git a/doc/styleguide/item-architecture-lowercase.html b/doc/styleguide/item-architecture-lowercase.html new file mode 100644 index 0000000..ad1aaec --- /dev/null +++ b/doc/styleguide/item-architecture-lowercase.html @@ -0,0 +1,134 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + +
    +

    + + Lowercase + +

    + + +
    + +
    +
    + Example +
    + + +
    +

    Create a simple web presence.

    + +
    + +
    + +
    + + Markup + +
    <p class="text-lowercase">Create a simple web presence.</p>
    +
    + +
    + Source: _typography.scss, line 286 +
    + +
    +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-blocks-navigation.html b/doc/styleguide/item-architecture-navigation.html similarity index 52% rename from doc/styleguide/item-blocks-navigation.html rename to doc/styleguide/item-architecture-navigation.html index 51490f8..145224d 100644 --- a/doc/styleguide/item-blocks-navigation.html +++ b/doc/styleguide/item-architecture-navigation.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Slides navigation

    @@ -217,6 +137,65 @@ + + + +/a> + + 53 / 120 +
    + +
    +
    + +
    + + Markup + +
    <div id="navigation">
    +  <a id="next" href="#" title="Arrow Keys">→</a>
    +  <a id="previous" href="#" title="Arrow Keys">←</a>
    +  <span id="counter"><a href="#" title="View all slides">53 / 120</a></span>
    +</div>
    +
    + +
    + Source: modules/_navigation.scss, line 1 +
    + +
    +
    +
    + + + + + + + + + + + + diff --git a/doc/styleguide/item-typography-pull_quote.html b/doc/styleguide/item-architecture-pull_quote.html similarity index 55% rename from doc/styleguide/item-typography-pull_quote.html rename to doc/styleguide/item-architecture-pull_quote.html index 6b40381..abda1c2 100644 --- a/doc/styleguide/item-typography-pull_quote.html +++ b/doc/styleguide/item-architecture-pull_quote.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Pull Quote

    diff --git a/doc/styleguide/item-layout-radius.html b/doc/styleguide/item-architecture-radius.html similarity index 56% rename from doc/styleguide/item-layout-radius.html rename to doc/styleguide/item-architecture-radius.html index 0122cf6..427a6f5 100644 --- a/doc/styleguide/item-layout-radius.html +++ b/doc/styleguide/item-architecture-radius.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Radius

    diff --git a/doc/styleguide/item-typography-separator.html b/doc/styleguide/item-architecture-separator.html similarity index 50% rename from doc/styleguide/item-typography-separator.html rename to doc/styleguide/item-architecture-separator.html index 81b6e5c..492a047 100644 --- a/doc/styleguide/item-typography-separator.html +++ b/doc/styleguide/item-architecture-separator.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Separator

    diff --git a/doc/styleguide/item-typography-serif.html b/doc/styleguide/item-architecture-serif.html similarity index 50% rename from doc/styleguide/item-typography-serif.html rename to doc/styleguide/item-architecture-serif.html index 71b75cd..2c89b31 100644 --- a/doc/styleguide/item-typography-serif.html +++ b/doc/styleguide/item-architecture-serif.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Serif

    diff --git a/doc/styleguide/item-layout-shadow.html b/doc/styleguide/item-architecture-shadow.html similarity index 56% rename from doc/styleguide/item-layout-shadow.html rename to doc/styleguide/item-architecture-shadow.html index fa86426..5989338 100644 --- a/doc/styleguide/item-layout-shadow.html +++ b/doc/styleguide/item-architecture-shadow.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Shadows

    diff --git a/doc/styleguide/item-layout-sizes.html b/doc/styleguide/item-architecture-sizes.html similarity index 64% rename from doc/styleguide/item-layout-sizes.html rename to doc/styleguide/item-architecture-sizes.html index aa54f44..e21297e 100644 --- a/doc/styleguide/item-layout-sizes.html +++ b/doc/styleguide/item-architecture-sizes.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Resizing

    diff --git a/doc/styleguide/item-slides-bottom.html b/doc/styleguide/item-architecture-slides-bottom.html similarity index 52% rename from doc/styleguide/item-slides-bottom.html rename to doc/styleguide/item-architecture-slides-bottom.html index 10235ba..733b408 100644 --- a/doc/styleguide/item-slides-bottom.html +++ b/doc/styleguide/item-architecture-slides-bottom.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,49 +55,19 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +
    diff --git a/doc/styleguide/item-slides-top.html b/doc/styleguide/item-architecture-slides-top.html similarity index 52% rename from doc/styleguide/item-slides-top.html rename to doc/styleguide/item-architecture-slides-top.html index f906fae..0e93fbb 100644 --- a/doc/styleguide/item-slides-top.html +++ b/doc/styleguide/item-architecture-slides-top.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,49 +55,19 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +
    diff --git a/doc/styleguide/item-architecture-slides.html b/doc/styleguide/item-architecture-slides.html new file mode 100644 index 0000000..bfbdbe8 --- /dev/null +++ b/doc/styleguide/item-architecture-slides.html @@ -0,0 +1,144 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + +
    +

    + + Slides + +

    + +
    +

    Fullscreen. Vertically and horizontally centered. +Fade transition to all slides. +All HTML elements will have those styles

    + +
    + +
    + +
    +
    + Example +
    + + +
    +
    +

    Content

    +
    + +
    + +
    + +
    + + Markup + +
    <section>
    +  <p>Content</p>
    +</section>
    +
    + +
    + Source: modules/_slides.scss, line 1 +
    + +
    +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-typography-subtitle.html b/doc/styleguide/item-architecture-subtitle.html similarity index 51% rename from doc/styleguide/item-typography-subtitle.html rename to doc/styleguide/item-architecture-subtitle.html index 4366eaf..2997c89 100644 --- a/doc/styleguide/item-typography-subtitle.html +++ b/doc/styleguide/item-architecture-subtitle.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Subtitule

    diff --git a/doc/styleguide/item-typography-symbols.html b/doc/styleguide/item-architecture-symbols.html similarity index 50% rename from doc/styleguide/item-typography-symbols.html rename to doc/styleguide/item-architecture-symbols.html index 80495a8..8631a98 100644 --- a/doc/styleguide/item-typography-symbols.html +++ b/doc/styleguide/item-architecture-symbols.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Symbols

    diff --git a/doc/styleguide/item-elements-tables.html b/doc/styleguide/item-architecture-tables.html similarity index 56% rename from doc/styleguide/item-elements-tables.html rename to doc/styleguide/item-architecture-tables.html index 8601570..37f7f15 100644 --- a/doc/styleguide/item-elements-tables.html +++ b/doc/styleguide/item-architecture-tables.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Tables

    diff --git a/doc/styleguide/item-architecture-try.html b/doc/styleguide/item-architecture-try.html new file mode 100644 index 0000000..648832c --- /dev/null +++ b/doc/styleguide/item-architecture-try.html @@ -0,0 +1,134 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + +
    +

    + + Try + +

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

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    +
    + +
    + +
    + +
    +

    + + Uppercase + +

    + + +
    + +
    +
    + Example +
    + + +
    +

    Create a simple web presence.

    + +
    + +
    + +
    + + Markup + +
    <p class="text-uppercase">Create a simple web presence.</p>
    +
    + +
    + Source: _typography.scss, line 276 +
    + +
    +
    +
    + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-architecture.html b/doc/styleguide/item-architecture.html new file mode 100644 index 0000000..4d55cba --- /dev/null +++ b/doc/styleguide/item-architecture.html @@ -0,0 +1,299 @@ + + + + + WebSlides - Documentation 1.5.0 + + + + + + + + + + +
    +

    WebSlides - Documentation 1.5.0

    + +
    +
    +

    WebSlides - Documentation 1.5.0

    +
    + + + + + + + + + + + + + + + + diff --git a/doc/styleguide/item-base-colors.html b/doc/styleguide/item-base-colors.html deleted file mode 100644 index 0e4bfff..0000000 --- a/doc/styleguide/item-base-colors.html +++ /dev/null @@ -1,148 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    -
    - -
    - -
    -

    - - - 1.1 - - #Base.colors - - - Highlight Colors - -

    - -
    -

    Colors we use for higlighting states.

    - -
    - -
    - -
    -
    - Example -
    - - -
    - Primary -Secondary -Light -Black -Black blue -Blue -Brown -Gray -Green -Purple -Red -White -Facebook - -
    - -
    - -
    - - Markup - -
    <span class="bg-primary size-20">Primary</span>
    -<span class="bg-secondary size-20">Secondary</span>
    -<span class="bg-light size-20">Light</span>
    -<span class="bg-black size-20">Black</span>
    -<span class="bg-black-blue size-20">Black blue</span>
    -<span class="bg-blue size-20">Blue</span>
    -<span class="bg-brown size-20">Brown</span>
    -<span class="bg-gray size-20">Gray</span>
    -<span class="bg-green size-20">Green</span>
    -<span class="bg-purple size-20">Purple</span>
    -<span class="bg-red size-20">Red</span>
    -<span class="bg-white size-20">White</span>
    -<span class="bg-facebook size-20">Facebook</span>
    -
    - -
    - Source: _color.scss, line 107 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-base-elements.html b/doc/styleguide/item-base-elements.html deleted file mode 100644 index 86aceea..0000000 --- a/doc/styleguide/item-base-elements.html +++ /dev/null @@ -1,111 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-base-typography.html b/doc/styleguide/item-base-typography.html deleted file mode 100644 index a75dac2..0000000 --- a/doc/styleguide/item-base-typography.html +++ /dev/null @@ -1,111 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-base.html b/doc/styleguide/item-base.html deleted file mode 100644 index a6667d3..0000000 --- a/doc/styleguide/item-base.html +++ /dev/null @@ -1,209 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-blocks.html b/doc/styleguide/item-blocks.html deleted file mode 100644 index 4f49450..0000000 --- a/doc/styleguide/item-blocks.html +++ /dev/null @@ -1,224 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-browser.html b/doc/styleguide/item-browser.html deleted file mode 100644 index fba6a60..0000000 --- a/doc/styleguide/item-browser.html +++ /dev/null @@ -1,165 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - - -
    - -
    - -
    -

    - - - 4 - - #Browser - - - Screenshots - -

    - -
    -

    HTML browser

    - -
    - -
    - -
    -
    - Example -
    - - -
    -
    - -
    Foddie
    -
    - -
    - -
    - -
    - - Markup - -
    <figure class="browser">
    -  <img src="http://lorempixel.com/500/500/food/" />
    -  <figcaption>Foddie</figcaption>
    -</figure>
    -
    - -
    - Source: modules/_browser.scss, line 1 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-classes-layout-shadow.html b/doc/styleguide/item-classes-layout-shadow.html deleted file mode 100644 index e0ca66a..0000000 --- a/doc/styleguide/item-classes-layout-shadow.html +++ /dev/null @@ -1,150 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    -
    - -
    - -
    -

    - - - 1.1.1 - - #Classes.Layout.Shadow - - - Shadows - -

    - -

    - - Toggle example guides - - - - - - - - - - - - - - - - - - - - - Toggle HTML markup - - - - - -

    - -
    -

    Drops a shadow under the layer. The layer containing the shadow has to have a solid background

    - -
    - -
    - -
    -
    - Example -
    - - -
    -
    • Option 1
    • Option 2
    • Option 3
    • Option 4
    - -
    - -
    - -
    - - Markup - -
    <div class="bg-white shadow"><ul><li>Option 1</li><li>Option 2</li><li>Option 3</li><li>Option 4</li></ul></div>
    -
    - -
    - Source: _base.scss, line 73 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-classes-layout.html b/doc/styleguide/item-classes-layout.html deleted file mode 100644 index 0521fa4..0000000 --- a/doc/styleguide/item-classes-layout.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-classes.html b/doc/styleguide/item-classes.html deleted file mode 100644 index 4a5f607..0000000 --- a/doc/styleguide/item-classes.html +++ /dev/null @@ -1,108 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide-here-i-m-filing-this-component-inside-components-article-post-title-.html b/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide-here-i-m-filing-this-component-inside-components-article-post-title-.html deleted file mode 100644 index a06d9ec..0000000 --- a/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide-here-i-m-filing-this-component-inside-components-article-post-title-.html +++ /dev/null @@ -1,116 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide.html b/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide.html deleted file mode 100644 index 9708ecf..0000000 --- a/doc/styleguide/item-components-article-post-title-this-controls-the-organization-of-your-style-guide.html +++ /dev/null @@ -1,108 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-article.html b/doc/styleguide/item-components-article.html deleted file mode 100644 index 1874ed2..0000000 --- a/doc/styleguide/item-components-article.html +++ /dev/null @@ -1,116 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    -
    - -
    - -
    -

    - - - 5.1 - - #Components.article - - - Article - -

    - -
    -

    An article is made up of a title, featured image, and some default -typographic settings for links, italics, bold, and blockquotes.

    - -
    - -
    - - -
    - Source: _vars.scss, line 177 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-button-organization-just-as-before-.html b/doc/styleguide/item-components-button-organization-just-as-before-.html deleted file mode 100644 index 1425651..0000000 --- a/doc/styleguide/item-components-button-organization-just-as-before-.html +++ /dev/null @@ -1,145 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    -
    - -
    - -
    -

    - - - 5.2 - - #Components.button (organization, just as before) - - - Buttons (title, same as before) - -

    - -
    -

    Various button styles. (description, just as before)

    -

    (a new modifiers section) -:hover - When user hovers over button. -:focus - When button is focused. -.button--small - A small button. -.button--large - A large button.

    - -
    - -
    - -
    -
    - Example -
    - - -
    - (we add the `` to every element that has a modifier) -Link Button - - - -
    - -
    - -
    - - Markup - -
    (we add the `` to every element that has a modifier)
    -Link Button
    -<button class="button ">Button Element</button>
    -<input class="button " type="button" value="Input Button" />
    -
    - -
    - Source: _vars.scss, line 227 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-buttons-bold.html b/doc/styleguide/item-components-buttons-bold.html deleted file mode 100644 index 8fdfd15..0000000 --- a/doc/styleguide/item-components-buttons-bold.html +++ /dev/null @@ -1,134 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components-buttons.html b/doc/styleguide/item-components-buttons.html deleted file mode 100644 index fb4a2ce..0000000 --- a/doc/styleguide/item-components-buttons.html +++ /dev/null @@ -1,108 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - -
    -
    -

    WebSlides

    -
    - -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-components.html b/doc/styleguide/item-components.html deleted file mode 100644 index 31053d6..0000000 --- a/doc/styleguide/item-components.html +++ /dev/null @@ -1,147 +0,0 @@ - - - - - WebSlides - - - - - - - - - - - - -
    - -
    - -
    -

    - - - 5 - - #Components - - - Components - -

    - -
    -

    Components are ingredients of our design system. They may be made up of smaller groups of styles.

    - -
    - -
    - - -
    - Source: _vars.scss, line 169 -
    - -
    -
    - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-content.html b/doc/styleguide/item-content.html deleted file mode 100644 index d50aa60..0000000 --- a/doc/styleguide/item-content.html +++ /dev/null @@ -1,199 +0,0 @@ - - - - - WebSlides - Documentation 1.5.0 - - - - - - - - - - -
    -

    WebSlides - Documentation 1.5.0

    - -
    -
    -

    WebSlides - Documentation 1.5.0

    -
    - - - - - - - - - - - - - - - - diff --git a/doc/styleguide/item-flexblock-activity.html b/doc/styleguide/item-contents-activity.html similarity index 62% rename from doc/styleguide/item-flexblock-activity.html rename to doc/styleguide/item-contents-activity.html index 5ed62cb..2f24427 100644 --- a/doc/styleguide/item-flexblock-activity.html +++ b/doc/styleguide/item-contents-activity.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,47 +55,17 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - - Activity + + CVs, News ad Activity

    @@ -261,7 +181,7 @@
    - Source: modules/_flexblock-activity.scss, line 5 + Source: modules/_flexblock-activity.scss, line 1
    diff --git a/doc/styleguide/item-flexblock-clients.html b/doc/styleguide/item-contents-clients.html similarity index 64% rename from doc/styleguide/item-flexblock-clients.html rename to doc/styleguide/item-contents-clients.html index 5c96833..20f2e20 100644 --- a/doc/styleguide/item-flexblock-clients.html +++ b/doc/styleguide/item-contents-clients.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Clients

    @@ -259,7 +179,7 @@
    - Source: modules/_flexblock-clients.scss, line 5 + Source: modules/_flexblock-clients.scss, line 1
    diff --git a/doc/styleguide/item-flexblock-features.html b/doc/styleguide/item-contents-features.html similarity index 59% rename from doc/styleguide/item-flexblock-features.html rename to doc/styleguide/item-contents-features.html index 51e2f96..e4d6b73 100644 --- a/doc/styleguide/item-flexblock-features.html +++ b/doc/styleguide/item-contents-features.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -
    +

    - + Features

    @@ -256,7 +176,7 @@
    - Source: modules/_flexblock-features.scss, line 5 + Source: modules/_flexblock-features.scss, line 1
    diff --git a/doc/styleguide/item-flexblock-blink.html b/doc/styleguide/item-contents-flexblocks.html similarity index 59% rename from doc/styleguide/item-flexblock-blink.html rename to doc/styleguide/item-contents-flexblocks.html index 8e90189..3707673 100644 --- a/doc/styleguide/item-flexblock-blink.html +++ b/doc/styleguide/item-contents-flexblocks.html @@ -35,69 +35,19 @@ Introduction -
  • - - Avatars - -
  • -
  • - - Badges +
  • + + Architecture
  • - - Base + + Contents
  • - - Blocks - -
  • -
  • - - Buttons - -
  • -
  • - - Cards - -
  • -
  • - - Content - -
  • -
  • - - Elements - -
  • -
  • - - Flexblock - -
  • -
  • - - Forms - -
  • -
  • - - Grid - -
  • -
  • - - Layout - -
  • -
  • - - Longform + + Landings
  • @@ -105,46 +55,16 @@ Media
  • -
  • - - Navigation - -
  • -
  • - - Screenshots - -
  • -
  • - - Slide - -
  • -
  • - - fullscreen - -
  • -
  • - - Slides - -
  • -
  • - - Typography - -
  • -