mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-14 17:14:43 +02:00
Code Issues Releases Wiki Activity

kss - longforms

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
doc/kss/templates/default/kss-assets/kss.css
View File

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

7
doc/kss/templates/default/kss-assets/kss.scss
View File

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

8
doc/styleguide/item-longforms-interviews.html
View File

@@ -91,6 +91,14 @@
</div> </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__wrapper">
<div class="kss-modifier__heading kss-style"> <div class="kss-modifier__heading kss-style">

8
doc/styleguide/item-longforms.html
View File

@@ -94,6 +94,14 @@
</div> </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__wrapper">
<div class="kss-modifier__heading kss-style"> <div class="kss-modifier__heading kss-style">

2
doc/styleguide/item-typography-info.html
View File

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

3
doc/styleguide/kss-assets/kss.css
View File

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

7
doc/styleguide/kss-assets/kss.scss
View File

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

16
doc/styleguide/section-longforms.html
View File

@@ -94,6 +94,14 @@
</div> </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__wrapper">
<div class="kss-modifier__heading kss-style"> <div class="kss-modifier__heading kss-style">
@@ -140,6 +148,14 @@
</div> </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__wrapper">
<div class="kss-modifier__heading kss-style"> <div class="kss-modifier__heading kss-style">

2
doc/styleguide/section-typography.html
View File

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

2
src/scss/_base.scss
View File

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

3
src/scss/_typography.scss
View File

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

3
src/scss/modules/_longform.scss
View File

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