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:
@@ -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>`,
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user