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

docs(baloons): added is-dark baloons to the docs

Browse Source
This commit is contained in:
Kaylum Lally
2019-12-03 17:59:08 +00:00
parent f830e95830
commit 216b8a9351
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', title: 'balloons',
showCode: false, showCode: false,
code: `<section class="message-list"> code: `<section class="nes-container">
<section class="message -left"> <section class="message-list">
<i class="nes-bcrikko"></i> <section class="message -left">
<!-- Balloon --> <i class="nes-bcrikko"></i>
<div class="nes-balloon from-left"> <!-- Balloon -->
<p>Hello NES.css</p> <div class="nes-balloon from-left">
</div> <p>Hello NES.css</p>
</section> </div>
</section>
<section class="message -right"> <section class="message -right">
<!-- Balloon --> <!-- Balloon -->
<div class="nes-balloon from-right"> <div class="nes-balloon from-right">
<p>Good morning. Thou hast had a good night's sleep, I hope.</p> <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div> </div>
<i class="nes-bcrikko"></i> <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>
</section>`, </section>`,
}, },