1
0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-14 00:54:09 +02:00

kss - longforms

This commit is contained in:
Luis Sacristán
2017-10-16 21:24:45 +02:00
parent f31f8045c0
commit 194d3fe788
12 changed files with 61 additions and 3 deletions

View File

@@ -579,6 +579,9 @@
#kss-node #navigation {
opacity: 1;
position: relative; }
#kss-node #kssref-longforms-interviews .text-interview {
margin-left: 34%;
width: 66%; }
.kss-container {
display: grid;

View File

@@ -931,6 +931,13 @@ $kss-vertical-rhythm: $kss-font-size * 1.5;
opacity: 1;
position: relative;
}
#kssref-longforms-interviews {
.text-interview {
margin-left: 34%;
width: 66%;
}
}
}
.kss-container {

View File

@@ -91,6 +91,14 @@
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/interviews" title="Interviews" target="_blank">Interviews</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">

View File

@@ -94,6 +94,14 @@
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/longforms" title="Longform" target="_blank">Longform</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">

View File

@@ -113,7 +113,7 @@
</details>
<div class="kss-source kss-style">
Source: <code>_typography.scss</code>, line 546
Source: <code>_typography.scss</code>, line 549
</div>
</div>

View File

@@ -579,6 +579,9 @@
#kss-node #navigation {
opacity: 1;
position: relative; }
#kss-node #kssref-longforms-interviews .text-interview {
margin-left: 34%;
width: 66%; }
.kss-container {
display: grid;

View File

@@ -931,6 +931,13 @@ $kss-vertical-rhythm: $kss-font-size * 1.5;
opacity: 1;
position: relative;
}
#kssref-longforms-interviews {
.text-interview {
margin-left: 34%;
width: 66%;
}
}
}
.kss-container {

View File

@@ -94,6 +94,14 @@
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/longforms" title="Longform" target="_blank">Longform</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">
@@ -140,6 +148,14 @@
</div>
<div class="kss-modifier__heading kss-style">
Demos
</div>
<ul class="kss__demos">
<li>
<a href="https://webslides.tv/demos/interviews" title="Interviews" target="_blank">Interviews</a>
</li>
</ul>
<div class="kss-modifier__wrapper">
<div class="kss-modifier__heading kss-style">

View File

@@ -379,7 +379,7 @@
</details>
<div class="kss-source kss-style">
Source: <code>_typography.scss</code>, line 546
Source: <code>_typography.scss</code>, line 549
</div>
</div>

View File

@@ -124,7 +124,7 @@ footer nav {
.frame,
.shadow {
padding: 2.4rem;
}https://webslides.tv/demos/classes#slide=5
}
.radius {
border-radius: .4rem;

View File

@@ -525,6 +525,9 @@ figure[class*='text-pull-'] {
// </dd>
// </dl>
//
// Demos:
// [Interviews](https://webslides.tv/demos/interviews)
//
// Styleguide Longforms.Interviews
.text-interview dt {
font-weight: 600;

View File

@@ -5,6 +5,9 @@
// <p>Lorem ipsum</p>
// </section>
//
// Demos:
// [Longform](https://webslides.tv/demos/longforms)
//
// Styleguide Longforms
.longform {
width: 72rem;