mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-15 02:44:00 +02:00
Code Issues Releases Wiki Activity

Merge pull request #382 from HiKaylum/baloons_dark_mode_docs

Browse Source 
docs(baloons): added `is-dark` baloons to the docs
This commit is contained in:
Igor Guastalla
2019-12-03 19:30:23 -03:00
committed by GitHub
parent f830e95830 216b8a9351
commit 41c1e14e83
1 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
docs/script.js
View File

@@ -344,21 +344,45 @@ const sampleCollection = [
{
title: 'balloons',
showCode: false,
code: `<section class="message-list">
<section class="message -left">
<i class="nes-bcrikko"></i>
<!-- Balloon -->
<div class="nes-balloon from-left">
<p>Hello NES.css</p>
</div>
</section>
code: `<section class="nes-container">
<section class="message-list">
<section class="message -left">
<i class="nes-bcrikko"></i>
<!-- Balloon -->
<div class="nes-balloon from-left">
<p>Hello NES.css</p>
</div>
</section>
<section class="message -right">
<!-- Balloon -->
<div class="nes-balloon from-right">
<p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div>
<i class="nes-bcrikko"></i>
<section class="message -right">
<!-- Balloon -->
<div class="nes-balloon from-right">
<p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div>
<i class="nes-bcrikko"></i>
</section>
</section>
</section>
<!-- Balloon 'is-dark' -->
<section class="nes-container is-dark">
<section class="message-list">
<section class="message -left">
<i class="nes-bcrikko"></i>
<!-- Balloon -->
<div class="nes-balloon from-left is-dark">
<p>Hello NES.css</p>
</div>
</section>
<section class="message -right">
<!-- Balloon -->
<div class="nes-balloon from-right is-dark">
<p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div>
<i class="nes-bcrikko"></i>
</section>
</section>
</section>
</section>`,
},