1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-15 19:04:00 +02:00

Merge pull request #382 from HiKaylum/baloons_dark_mode_docs

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

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>`,
}, },