From d0f59c1d8491170bfddeafb732c84eb4b255feb5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luis=20Sacrist=C3=A1n?= Date: Mon, 9 Oct 2017 21:25:49 +0200 Subject: [PATCH] kss - Landings and porfolio --- .../item-landings-and-portfolio-badgets.html | 20 +++ .../item-landings-and-portfolio-buttons.html | 20 +++ .../item-landings-and-portfolio-cards.html | 17 +++ ...item-landings-and-portfolio-cta-cover.html | 14 +- .../item-landings-and-portfolio-cta.html | 15 +++ .../item-landings-and-portfolio-quotes.html | 20 +++ .../item-landings-and-portfolio-resume.html | 8 ++ .../item-landings-and-portfolio-toc.html | 8 ++ .../section-landings-and-portfolio.html | 122 +++++++++++++++++- src/scss/modules/_badges.scss | 7 + src/scss/modules/_button.scss | 7 + src/scss/modules/_cards.scss | 6 + src/scss/modules/_promos.scss | 11 ++ src/scss/modules/_quotes.scss | 6 + src/scss/modules/_toc.scss | 3 + src/scss/modules/_work.scss | 3 + 16 files changed, 285 insertions(+), 2 deletions(-) diff --git a/doc/styleguide/item-landings-and-portfolio-badgets.html b/doc/styleguide/item-landings-and-portfolio-badgets.html index 4223114..6bc6ae7 100644 --- a/doc/styleguide/item-landings-and-portfolio-badgets.html +++ b/doc/styleguide/item-landings-and-portfolio-badgets.html @@ -91,6 +91,26 @@ +
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-buttons.html b/doc/styleguide/item-landings-and-portfolio-buttons.html index 57384cc..cb403a1 100644 --- a/doc/styleguide/item-landings-and-portfolio-buttons.html +++ b/doc/styleguide/item-landings-and-portfolio-buttons.html @@ -87,6 +87,26 @@
+
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-cards.html b/doc/styleguide/item-landings-and-portfolio-cards.html index cee5330..6ea769f 100644 --- a/doc/styleguide/item-landings-and-portfolio-cards.html +++ b/doc/styleguide/item-landings-and-portfolio-cards.html @@ -91,6 +91,23 @@
+
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-cta-cover.html b/doc/styleguide/item-landings-and-portfolio-cta-cover.html index c0f2474..e804d8f 100644 --- a/doc/styleguide/item-landings-and-portfolio-cta-cover.html +++ b/doc/styleguide/item-landings-and-portfolio-cta-cover.html @@ -84,9 +84,21 @@ +
+

TODO: needs a explanation

+ +
+
+ Demos +
+
@@ -125,7 +137,7 @@
- Source: modules/_promos.scss, line 75 + Source: modules/_promos.scss, line 81
diff --git a/doc/styleguide/item-landings-and-portfolio-cta.html b/doc/styleguide/item-landings-and-portfolio-cta.html index 611b734..13cc4b6 100644 --- a/doc/styleguide/item-landings-and-portfolio-cta.html +++ b/doc/styleguide/item-landings-and-portfolio-cta.html @@ -84,9 +84,24 @@ +
+

TODO: needs an explanation

+ +
+
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-quotes.html b/doc/styleguide/item-landings-and-portfolio-quotes.html index 5c20d95..fcfb0d7 100644 --- a/doc/styleguide/item-landings-and-portfolio-quotes.html +++ b/doc/styleguide/item-landings-and-portfolio-quotes.html @@ -87,6 +87,26 @@
+
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-resume.html b/doc/styleguide/item-landings-and-portfolio-resume.html index bbeb6d9..9d2dc19 100644 --- a/doc/styleguide/item-landings-and-portfolio-resume.html +++ b/doc/styleguide/item-landings-and-portfolio-resume.html @@ -87,6 +87,14 @@
+
+ Demos +
+
diff --git a/doc/styleguide/item-landings-and-portfolio-toc.html b/doc/styleguide/item-landings-and-portfolio-toc.html index da0078c..3b84ddf 100644 --- a/doc/styleguide/item-landings-and-portfolio-toc.html +++ b/doc/styleguide/item-landings-and-portfolio-toc.html @@ -87,6 +87,14 @@
+
+ Demos +
+
diff --git a/doc/styleguide/section-landings-and-portfolio.html b/doc/styleguide/section-landings-and-portfolio.html index 59f192f..f86a73d 100644 --- a/doc/styleguide/section-landings-and-portfolio.html +++ b/doc/styleguide/section-landings-and-portfolio.html @@ -149,6 +149,26 @@
+
+ Demos +
+
@@ -189,6 +209,26 @@
+
+ Demos +
+
@@ -244,6 +284,23 @@
+
+ Demos +
+
@@ -293,9 +350,24 @@ +
+

TODO: needs an explanation

+ +
+
+ Demos +
+
@@ -347,9 +419,21 @@ +
+

TODO: needs a explanation

+ +
+
+ Demos +
+
@@ -388,7 +472,7 @@
- Source: modules/_promos.scss, line 75 + Source: modules/_promos.scss, line 81
@@ -404,6 +488,26 @@
+
+ Demos +
+
@@ -448,6 +552,14 @@
+
+ Demos +
+
@@ -532,6 +644,14 @@
+
+ Demos +
+
diff --git a/src/scss/modules/_badges.scss b/src/scss/modules/_badges.scss index 0844e51..566497d 100644 --- a/src/scss/modules/_badges.scss +++ b/src/scss/modules/_badges.scss @@ -6,6 +6,13 @@ //

Google Play

//

App Store

// +// Demos: +// [Inside a Call to Action](https://webslides.tv/demos/components#slide=52) +// [Inside a Cover](https://webslides.tv/demos/components#slide=56) +// [Inside another Cover](https://webslides.tv/demos/components#slide=57) +// [Inside a semi transparent layer](https://webslides.tv/demos/components#slide=58) +// [Different types](https://webslides.tv/demos/components#slide=88) +// // Styleguide Landings and portfolio.Badgets [class*='badge-'] { background-repeat: no-repeat; diff --git a/src/scss/modules/_button.scss b/src/scss/modules/_button.scss index 9c24f7d..37d1223 100644 --- a/src/scss/modules/_button.scss +++ b/src/scss/modules/_button.scss @@ -3,6 +3,13 @@ // Markup: // Download // +// Demos: +// [Transparent](https://webslides.tv/demos/classes#slide=1) +// [Price list](https://webslides.tv/demos/classes#slide=52) +// [Another price list](https://webslides.tv/demos/classes#slide=52) +// [In cards](https://webslides.tv/demos/components#slide=76) +// [Different types](https://webslides.tv/demos/components#slide=88) +// // .radius - Rounded corners // // Styleguide Landings and portfolio.Buttons diff --git a/src/scss/modules/_cards.scss b/src/scss/modules/_cards.scss index 01ec5ce..16ddbc6 100644 --- a/src/scss/modules/_cards.scss +++ b/src/scss/modules/_cards.scss @@ -12,6 +12,12 @@ //
//
// +// Demos: +// [Card 50](https://webslides.tv/demos/classes#slide=23) +// [Where we are](https://webslides.tv/demos/classes#slide=24) +// [Fullscreen](https://webslides.tv/demos/classes#slide=25) +// [Card 60](https://webslides.tv/demos/components#slide=75) +// // Styleguide Landings and portfolio.Cards [class*='card-'] { &, diff --git a/src/scss/modules/_promos.scss b/src/scss/modules/_promos.scss index 499f3b1..ccd2346 100644 --- a/src/scss/modules/_promos.scss +++ b/src/scss/modules/_promos.scss @@ -1,5 +1,7 @@ // Call to action // +// TODO: needs an explanation +// // Markup: //
//
@@ -11,6 +13,10 @@ //
//
// +// Demos: +// [Font demo](https://webslides.tv/demos/classes#slide=58) +// [An offer](https://webslides.tv/demos/components#slide=78) +// // Styleguide Landings and portfolio.CTA .cta { display: flex; @@ -74,6 +80,8 @@ // Covers // +// TODO: needs a explanation +// // Markup: //
//

HTML Presentations Made Easy

@@ -85,6 +93,9 @@ //

//
// +// Demos: +// [Demo](https://webslides.tv/demos/components#slide=53) +// // Styleguide Landings and portfolio.cta-cover .cta-cover { display: table; diff --git a/src/scss/modules/_quotes.scss b/src/scss/modules/_quotes.scss index 6c30a17..bc61fc0 100644 --- a/src/scss/modules/_quotes.scss +++ b/src/scss/modules/_quotes.scss @@ -6,6 +6,12 @@ // // Avatar @jlantunez // +// Demos: +// [Why WebSlides?](https://webslides.tv/demos/components#slide=83) +// [Sheryl Sandberg cite](https://webslides.tv/demos/components#slide=84) +// [Example](https://webslides.tv/demos/components#slide=85) +// [With picture](https://webslides.tv/demos/components#slide=86) +// [With side background](https://webslides.tv/demos/components#slide=87) // // Styleguide Landings and portfolio.Quotes blockquote { diff --git a/src/scss/modules/_toc.scss b/src/scss/modules/_toc.scss index 78c5d10..37df405 100644 --- a/src/scss/modules/_toc.scss +++ b/src/scss/modules/_toc.scss @@ -27,6 +27,9 @@ // //
// +// Demos: +// [Table of contents](https://webslides.tv/demos/components#slide=69) +// // Styleguide Landings and portfolio.TOC .toc, .toc ol > li:before, diff --git a/src/scss/modules/_work.scss b/src/scss/modules/_work.scss index e65b067..40a1b03 100644 --- a/src/scss/modules/_work.scss +++ b/src/scss/modules/_work.scss @@ -26,6 +26,9 @@ // // // +// Demos: +// [Example](https://webslides.tv/demos/components#slide=50) +// // Styleguide Landings and portfolio.Resume .work { clear: both;