diff --git a/doc/styleguide/item-layout-alignment.html b/doc/styleguide/item-layout-alignment.html index c3ad71b..228f0d3 100644 --- a/doc/styleguide/item-layout-alignment.html +++ b/doc/styleguide/item-layout-alignment.html @@ -177,7 +177,7 @@
- Source: _base.scss, line 133 + Source: _base.scss, line 136
diff --git a/doc/styleguide/item-layout-sizes.html b/doc/styleguide/item-layout-sizes.html index 190302e..ee5e5b0 100644 --- a/doc/styleguide/item-layout-sizes.html +++ b/doc/styleguide/item-layout-sizes.html @@ -193,7 +193,7 @@
- Source: _base.scss, line 197 + Source: _base.scss, line 200
diff --git a/doc/styleguide/item-longforms-interviews.html b/doc/styleguide/item-longforms-interviews.html index cbea8b9..e86a075 100644 --- a/doc/styleguide/item-longforms-interviews.html +++ b/doc/styleguide/item-longforms-interviews.html @@ -155,7 +155,7 @@
- Source: _typography.scss, line 504 + Source: _typography.scss, line 534
diff --git a/doc/styleguide/item-typography-columns.html b/doc/styleguide/item-typography-columns.html index d4faf48..bd73580 100644 --- a/doc/styleguide/item-typography-columns.html +++ b/doc/styleguide/item-typography-columns.html @@ -91,6 +91,14 @@ +
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 346 + Source: _typography.scss, line 364
diff --git a/doc/styleguide/item-typography-context.html b/doc/styleguide/item-typography-context.html index 391e871..5c32bf5 100644 --- a/doc/styleguide/item-typography-context.html +++ b/doc/styleguide/item-typography-context.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 376 + Source: _typography.scss, line 397
diff --git a/doc/styleguide/item-typography-data.html b/doc/styleguide/item-typography-data.html index c71aaf5..3699590 100644 --- a/doc/styleguide/item-typography-data.html +++ b/doc/styleguide/item-typography-data.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 314 + Source: _typography.scss, line 326
diff --git a/doc/styleguide/item-typography-emoji.html b/doc/styleguide/item-typography-emoji.html index fc71513..a65375c 100644 --- a/doc/styleguide/item-typography-emoji.html +++ b/doc/styleguide/item-typography-emoji.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 296 + Source: _typography.scss, line 305
diff --git a/doc/styleguide/item-typography-info.html b/doc/styleguide/item-typography-info.html index 57a6d3a..26d2433 100644 --- a/doc/styleguide/item-typography-info.html +++ b/doc/styleguide/item-typography-info.html @@ -113,7 +113,7 @@
- Source: _typography.scss, line 549 + Source: _typography.scss, line 579
diff --git a/doc/styleguide/item-typography-intro.html b/doc/styleguide/item-typography-intro.html index 5021cb2..deffaa6 100644 --- a/doc/styleguide/item-typography-intro.html +++ b/doc/styleguide/item-typography-intro.html @@ -91,6 +91,14 @@ +
+ Demos +
+
diff --git a/doc/styleguide/item-typography-label.html b/doc/styleguide/item-typography-label.html index 22e9d92..f35fe81 100644 --- a/doc/styleguide/item-typography-label.html +++ b/doc/styleguide/item-typography-label.html @@ -87,6 +87,14 @@
+
+ Demos +
+
@@ -109,7 +117,7 @@
- Source: _typography.scss, line 333 + Source: _typography.scss, line 348
diff --git a/doc/styleguide/item-typography-landings.html b/doc/styleguide/item-typography-landings.html index 2966a52..4a6d50a 100644 --- a/doc/styleguide/item-typography-landings.html +++ b/doc/styleguide/item-typography-landings.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 233 + Source: _typography.scss, line 236
diff --git a/doc/styleguide/item-typography-lowercase.html b/doc/styleguide/item-typography-lowercase.html index 131e21a..e2fdc80 100644 --- a/doc/styleguide/item-typography-lowercase.html +++ b/doc/styleguide/item-typography-lowercase.html @@ -109,7 +109,7 @@
- Source: _typography.scss, line 286 + Source: _typography.scss, line 295
diff --git a/doc/styleguide/item-typography-pull_quote.html b/doc/styleguide/item-typography-pull_quote.html index 7f577a5..1aea846 100644 --- a/doc/styleguide/item-typography-pull_quote.html +++ b/doc/styleguide/item-typography-pull_quote.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -119,7 +127,7 @@
- Source: _typography.scss, line 449 + Source: _typography.scss, line 476
diff --git a/doc/styleguide/item-typography-separator.html b/doc/styleguide/item-typography-separator.html index 54a1a84..9e4109f 100644 --- a/doc/styleguide/item-typography-separator.html +++ b/doc/styleguide/item-typography-separator.html @@ -113,7 +113,7 @@
- Source: _typography.scss, line 418 + Source: _typography.scss, line 445
diff --git a/doc/styleguide/item-typography-serif.html b/doc/styleguide/item-typography-serif.html index c7aea9d..7405b7b 100644 --- a/doc/styleguide/item-typography-serif.html +++ b/doc/styleguide/item-typography-serif.html @@ -113,7 +113,7 @@
- Source: _typography.scss, line 220 + Source: _typography.scss, line 223
diff --git a/doc/styleguide/item-typography-shadow.html b/doc/styleguide/item-typography-shadow.html index 0aefb93..b0e970c 100644 --- a/doc/styleguide/item-typography-shadow.html +++ b/doc/styleguide/item-typography-shadow.html @@ -91,6 +91,14 @@ +
+ Demos +
+
diff --git a/doc/styleguide/item-typography-subtitle.html b/doc/styleguide/item-typography-subtitle.html index 48126de..8bbf6d5 100644 --- a/doc/styleguide/item-typography-subtitle.html +++ b/doc/styleguide/item-typography-subtitle.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 250 + Source: _typography.scss, line 256
diff --git a/doc/styleguide/item-typography-symbols.html b/doc/styleguide/item-typography-symbols.html index cfc8aa8..ac537ab 100644 --- a/doc/styleguide/item-typography-symbols.html +++ b/doc/styleguide/item-typography-symbols.html @@ -91,6 +91,14 @@
+
+ Demos +
+
@@ -113,7 +121,7 @@
- Source: _typography.scss, line 404 + Source: _typography.scss, line 428
diff --git a/doc/styleguide/item-typography-uppercase.html b/doc/styleguide/item-typography-uppercase.html index 946a630..3599d52 100644 --- a/doc/styleguide/item-typography-uppercase.html +++ b/doc/styleguide/item-typography-uppercase.html @@ -109,7 +109,7 @@
- Source: _typography.scss, line 276 + Source: _typography.scss, line 285
diff --git a/doc/styleguide/section-layout.html b/doc/styleguide/section-layout.html index 3d67772..30fc734 100644 --- a/doc/styleguide/section-layout.html +++ b/doc/styleguide/section-layout.html @@ -275,7 +275,7 @@
- Source: _base.scss, line 133 + Source: _base.scss, line 136
@@ -1203,7 +1203,7 @@ Auto-fill & Equal height

- Source: _base.scss, line 197 + Source: _base.scss, line 200
diff --git a/doc/styleguide/section-longforms.html b/doc/styleguide/section-longforms.html index ada9446..24ef479 100644 --- a/doc/styleguide/section-longforms.html +++ b/doc/styleguide/section-longforms.html @@ -212,7 +212,7 @@
- Source: _typography.scss, line 504 + Source: _typography.scss, line 534
diff --git a/doc/styleguide/section-typography.html b/doc/styleguide/section-typography.html index 6d01c92..9b5cf55 100644 --- a/doc/styleguide/section-typography.html +++ b/doc/styleguide/section-typography.html @@ -189,6 +189,14 @@ +
+ Demos +
+
@@ -211,7 +219,7 @@
- Source: _typography.scss, line 346 + Source: _typography.scss, line 364
@@ -231,6 +239,14 @@
+
+ Demos +
+
@@ -253,7 +269,7 @@
- Source: _typography.scss, line 376 + Source: _typography.scss, line 397
@@ -273,6 +289,14 @@
+
+ Demos +
+
@@ -295,7 +319,7 @@
- Source: _typography.scss, line 314 + Source: _typography.scss, line 326
@@ -315,6 +339,14 @@
+
+ Demos +
+
@@ -337,7 +369,7 @@
- Source: _typography.scss, line 296 + Source: _typography.scss, line 305
@@ -379,7 +411,7 @@
- Source: _typography.scss, line 549 + Source: _typography.scss, line 579
@@ -399,6 +431,14 @@ +
+ Demos +
+
@@ -437,6 +477,14 @@
+
+ Demos +
+
@@ -459,7 +507,7 @@
- Source: _typography.scss, line 333 + Source: _typography.scss, line 348
@@ -479,6 +527,14 @@
+
+ Demos +
+
@@ -501,7 +557,7 @@
- Source: _typography.scss, line 233 + Source: _typography.scss, line 236
@@ -539,7 +595,7 @@
- Source: _typography.scss, line 286 + Source: _typography.scss, line 295
@@ -559,6 +615,14 @@
+
+ Demos +
+
@@ -587,7 +651,7 @@
- Source: _typography.scss, line 449 + Source: _typography.scss, line 476
@@ -629,7 +693,7 @@
- Source: _typography.scss, line 418 + Source: _typography.scss, line 445
@@ -671,7 +735,7 @@
- Source: _typography.scss, line 220 + Source: _typography.scss, line 223
@@ -691,6 +755,14 @@ +
+ Demos +
+
@@ -737,6 +809,14 @@
+
+ Demos +
+
@@ -759,7 +839,7 @@
- Source: _typography.scss, line 250 + Source: _typography.scss, line 256
@@ -779,6 +859,14 @@
+
+ Demos +
+
@@ -801,7 +889,7 @@
- Source: _typography.scss, line 404 + Source: _typography.scss, line 428
@@ -839,7 +927,7 @@
- Source: _typography.scss, line 276 + Source: _typography.scss, line 285
diff --git a/src/scss/_base.scss b/src/scss/_base.scss index 6e04fa4..c896bd2 100644 --- a/src/scss/_base.scss +++ b/src/scss/_base.scss @@ -79,6 +79,9 @@ nav a[rel='external'] em, // Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus dignissim libero ac egestas. Vivamus pretium, mauris non commodo dapibus, purus elit gravida justo, at hendrerit arcu turpis in libero. Curabitur lacinia diam est, id eleifend turpis ornare quis. Sed a metus id ligula bibendum scelerisque vel at velit. Duis congue mattis nibh at pharetra. Cras hendrerit, enim ac tristique finibus, mauris dui placerat nulla, a porttitor sapien metus eu arcu. Ut pharetra justo et felis gravida vulputate. Nulla facilisi. //
// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=55) +// // Styleguide Typography.Shadow .shadow { position: relative; diff --git a/src/scss/_typography.scss b/src/scss/_typography.scss index 2ceb695..a4d0e14 100644 --- a/src/scss/_typography.scss +++ b/src/scss/_typography.scss @@ -210,6 +210,9 @@ h3 [class*='bg-'] { // Markup: //

Create a simple web presence.

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=2) +// // Styleguide Typography.Intro .text-intro, [class*='content-'] p { @@ -237,6 +240,9 @@ h1 span { // Markup: //

Landings

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=35) +// // Styleguide Typography.Landings .text-landing { letter-spacing: .4rem; @@ -254,6 +260,9 @@ h1 span { // Markup: //

Powered by #WebSlides .text-subtitle

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=58) +// // Styleguide Typography.Subtitle .text-subtitle { letter-spacing: .2rem; @@ -300,6 +309,9 @@ h1 span { // Markup: //

😀😁😂😅😉😋😎😍

// +// Demos: +// [Example](https://webslides.tv/demos/keynote#slide=40) +// // Styleguide Typography.Emoji .text-emoji { font-size: 6.8rem; @@ -318,6 +330,9 @@ h1 span { // Markup: //

23,478,289

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=63) +// // Styleguide Typography.Data .text-data { font-size: 6.4rem; @@ -335,6 +350,9 @@ h1 span { // Markup: //

Website: http://webslides.tv

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=66) +// // Styleguide Typography.Label .text-label { display: inline-block; @@ -350,6 +368,9 @@ h1 span { // Markup: //

Column 1 text

Column 2 text

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=65) +// // Styleguide Typography.Columns @media (min-width: 768px) { .text-cols { @@ -380,6 +401,9 @@ h1 span { // Markup: //

Why WebSlides?

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=64) +// // Styleguide Typography.Context .text-context { position: relative; @@ -408,6 +432,9 @@ h1 span { // Markup: //

* * *

// +// Demos: +// [Example](https://webslides.tv/demos/classes#slide=69) +// // Styleguide Typography.Symbols .text-symbols { font-weight: 600; @@ -456,6 +483,9 @@ h1 span { //

Imagine that you are in Florence. If you suddenly start to feel that you literally cannot breathe, you may be experiencing Stendhal Syndrome.

//

Psychiatrists have long debated whether it really exists.

// +// Demos: +// [Pull right](https://webslides.tv/demos/classes#slide=69) +// // Styleguide Typography.Pull_Quote [class*='text-pull'] { font-size: 2.4rem;