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

feat(index.html): changed <span> and </span> to &lt e &gt.

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2019-02-07 12:51:17 -02:00
parent 7e382c56fc
commit 18e4eca301
1 changed files with 300 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

600
index.html
View File

@@ -57,12 +57,12 @@
</section>
<section class="nes-container code" id="code-buttons">
<code>
<p><span><</span>button type="button" class="nes-btn">Normal<span><</span>/button></p>
<p><span><</span>button type="button" class="nes-btn is-primary">Primary<span><</span>/button></p>
<p><span><</span>button type="button" class="nes-btn is-success">Success<span><</span>/button></p>
<p><span><</span>button type="button" class="nes-btn is-warning">Warning<span><</span>/button></p>
<p><span><</span>button type="button" class="nes-btn is-error">Error<span><</span>/button></p>
<p><span><</span>button type="button" class="nes-btn is-disabled">Disabled<span><</span>/button></p>
<p>&lt;button type="button" class="nes-btn"&gt;Normal&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-primary"&gt;Primary&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-success"&gt;Success&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-warning"&gt;Warning&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-error"&gt;Error&lt;/button&gt;</p>
<p>&lt;button type="button" class="nes-btn is-disabled"&gt;Disabled&lt;/button&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
</code>
</section>
@@ -90,20 +90,20 @@
</section>
<section class="nes-container code" id="code-containers">
<code>
<p><span><</span>div class="nes-container with-title is-centered">
<span><</span>p class="title">Container.is-centered<span><</span>/p>
<span><</span>p>Good morning. Thou hast had a good night's sleep, I hope.<span><</span>/p>
<span><</span>/div></p>
<p><span><</span>div class="nes-container is-dark with-title">
<span><</span>p class="title">Container.is-dark<span><</span>/p>
<span><</span>p>Good morning. Thou hast had a good night's sleep, I hope.<span><</span>/p>
<span><</span>/div></p>
<p><span><</span>div class="nes-container is-rounded">
<span><</span>p>Good morning. Thou hast had a good night's sleep, I hope.<span><</span>/p>
<span><</span>/div>
<p><span><</span>div class="nes-container is-rounded is-dark">
<span><</span>p>Good morning. Thou hast had a good night's sleep, I hope.<span><</span>/p>
<span><</span>/div>
<p>&lt;div class="nes-container with-title is-centered"&gt;
&lt;p class="title"&gt;Container.is-centered&lt;/p&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-container is-dark with-title"&gt;
&lt;p class="title"&gt;Container.is-dark&lt;/p&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-container is-rounded"&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
<p>&lt;div class="nes-container is-rounded is-dark"&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('containers')">Copy</button>
</code>
</section>
@@ -124,14 +124,14 @@
</section>
<section class="nes-container code" id="code-radios">
<code>
<p><span><</span>label>
<span><</span>input type="radio" class="nes-radio" name="answer" checked />
<span><</span>span>Yes<span><</span>/span>
<span><</span>/label></p>
<p><span><</span>label>
<span><</span>input type="radio" class="nes-radio" name="answer" />
<span><</span>span>No<span><</span>/span>
<span><</span>/label></p>
<p>&lt;label&gt;
&lt;input type="radio" class="nes-radio" name="answer" checked /&gt;
&lt;span&gt;Yes&lt;/span&gt;
&lt;/label&gt;</p>
<p>&lt;label&gt;
&lt;input type="radio" class="nes-radio" name="answer" /&gt;
&lt;span&gt;No&lt;/span&gt;
&lt;/label&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('radios')">Copy</button>
</code>
</section>
@@ -153,14 +153,14 @@
</section>
<section class="nes-container code" id="code-checkboxes">
<code>
<p><span><</span>label>
<span><</span>input type="checkbox" class="nes-checkbox" checked />
<span><</span>span>Enable<span><</span>/span>
<span><</span>/label></p>
<p><span><</span>label>
<span><</span>input type="checkbox" class="nes-checkbox is-dark" checked />
<span><</span>span>Dark<span><</span>/span>
<span><</span>/label></p>
<p>&lt;label&gt;
&lt;input type="checkbox" class="nes-checkbox" checked /&gt;
&lt;span>Enable&lt;/span&gt;
&lt;/label&gt;</p>
<p>&lt;label&gt;
&lt;input type="checkbox" class="nes-checkbox is-dark" checked /&gt;
&lt;span&gt;Dark&lt;/span&gt;
&lt;/label&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('checkboxes')">Copy</button>
</code>
</section>
@@ -182,14 +182,14 @@
</section>
<section class="nes-container code" id="code-avatars">
<code>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-small"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-large"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-rounded"></p>
<p><p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-small is-rounded"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium is-rounded"></p>
<p><span><</span>img src="https://www.gravatar.com/avatar" class="nes-avatar is-large is-rounded"></p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-small"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-large"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-small is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-medium is-rounded"&gt;</p>
<p>&lt;img src="https://www.gravatar.com/avatar" class="nes-avatar is-large is-rounded"&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('avatars')">Copy</button>
</code>
</section>
@@ -256,56 +256,56 @@
</section>
<section class="nes-container code" id="code-form">
<code>
<p><span><</span>div class="nes-field">
<span><</span>label for="name_field">Your name<span><</span>/label>
<span><</span>input type="text" id="name_field" class="nes-input">
<span><</span>/div></p>
<p><span><</span>div class="nes-field is-inline">
<span><</span>label for="inline_field">.input.is-success<span><</span>/label>
<span><</span>input type="text" id="inline_field" class="nes-input is-success" placeholder="NES.css">
<span><</span>/div></p>
<p><span><</span>div class="nes-field is-inline">
<span><</span>label for="warning_field">.input.is-warning<span><</span>/label>
<span><</span>input type="text" id="warning_field" class="nes-input is-warning" placeholder="8bit.css">
<span><</span>/div></p>
<p><span><</span>div class="nes-field is-inline">
<span><</span>label for="error_field">.input.is-error<span><</span>/label>
<span><</span>input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css">
<span><</span>/div></p>
<p><span><</span>div class="field">
<span><</span>label for="textarea_field">Textarea<span><</span>/label>
<span><</span>textarea id="textarea_field" class="nes-textarea"><span><</span>/textarea>
<span><</span>/div></p>
<p>&lt;div class="nes-field"&gt;
&lt;label for="name_field"&gt;Your name&lt;/label&gt;
&lt;input type="text" id="name_field" class="nes-input"&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="inline_field"&gt;.input.is-success&lt;/label&gt;
&lt;input type="text" id="inline_field" class="nes-input is-success" placeholder="NES.css"&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="warning_field"&gt;.input.is-warning&lt;/label&gt;
&lt;input type="text" id="warning_field" class="nes-input is-warning" placeholder="8bit.css"&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-field is-inline"&gt;
&lt;label for="error_field"&gt;.input.is-error&lt;/label&gt;
&lt;input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css"&gt;
&lt;/div&gt;</p>
<p>&lt;div class="field"&gt;
&lt;label for="textarea_field"&gt;Textarea&lt;/label&gt;
&lt;textarea id="textarea_field" class="nes-textarea"&gt;&lt;/textarea&gt;
&lt;/div&gt;</p>
<p><span><</span>div id="selects" class="selects">
<span><</span>div class="nes-select">
<span><</span>select required>
<span><</span>option value="" disabled selected hidden>Select...<span><</span>/option>
<span><</span>option value="0">To be<span><</span>/option>
<span><</span>option value="1">Not to be<span><</span>/option>
<span><</span>/select>
<span><</span>/div></p>
<p><span><</span>div class="nes-select is-success">
<span><</span>select required>
<span><</span>option value="" disabled selected hidden>Select...<span><</span>/option>
<span><</span>option value="0">To be<span><</span>/option>
<span><</span>option value="1">Not to be<span><</span>/option>
<span><</span>/select>
<span><</span>/div></p>
<p><span><</span>div class="nes-select is-warning">
<span><</span>select required>
<span><</span>option value="" disabled selected hidden>Select...<span><</span>/option>
<span><</span>option value="0">To be<span><</span>/option>
<span><</span>option value="1">Not to be<span><</span>/option>
<span><</span>/select>
<span><</span>/div></p>
<p><span><</span>div class="nes-select is-error">
<span><</span>select required>
<span><</span>option value="" disabled selected hidden>Select...<span><</span>/option>
<span><</span>option value="0">To be<span><</span>/option>
<span><</span>option value="1">Not to be<span><</span>/option>
<span><</span>/select>
<span><</span>/div></p>
<p>&lt;div id="selects" class="selects"&gt;
&lt;div class="nes-select"&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-success"&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-warning"&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-select is-error"&gt;
&lt;select required&gt;
&lt;option value="" disabled selected hidden&gt;Select...&lt;/option&gt;
&lt;option value="0"&gt;To be&lt;/option&gt;
&lt;option value="1"&gt;Not to be&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('form')">Copy</button>
</code>
</section>
@@ -331,18 +331,18 @@
</section>
<section class="nes-container code" id="code-balloons">
<code>
<p><span><</span>div class="message -left">
<span><</span>i class="nes-bcrikko"><span><</span>/i>
<span><</span>div class="nes-balloon from-left">
<span><</span>p>Hello NES.css<span><</span>/p>
<span><</span>/div>
<span><</span>/div></p>
<p><span><</span>div class="message -right">
<span><</span>div class="nes-balloon from-right">
<span><</span>p>Good morning. Thou hast had a good night's sleep, I hope.<span><</span>/p>
<span><</span>/div>
<span><</span>i class="nes-bcrikko"><span><</span>/i>
<span><</span>/div></p>
<p>&lt;div class="message -left"&gt;
&lt;i class="nes-bcrikko"&gt;&lt;/i&gt;
&lt;div class="nes-balloon from-left"&gt;
&lt;p&gt;Hello NES.css&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</p>
<p>&lt;div class="message -right"&gt;
&lt;div class="nes-balloon from-right"&gt;
&lt;p&gt;Good morning. Thou hast had a good night's sleep, I hope.&lt;/p&gt;
&lt;/div&gt;
&lt;i class="nes-bcrikko"&gt;&lt;/i&gt;
&lt;/div&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('balloons')">Copy</button>
</code>
</section>
@@ -373,23 +373,23 @@
</section>
<section class="nes-container code" id="code-lists">
<code>
<p><span><</span>div class="lists">
<span><</span>ul class="nes-list is-disc">
<span><</span>li>Good morning.<span><</span>/li>
<span><</span>li>Thou hast had a good night's sleep, I hope.<span><</span>/li>
<span><</span>li>Thou hast had a good afternoon<span><</span>/li>
<span><</span>li>Good night.<span><</span>/li>
<span><</span>/ul>
<span><</span>/div></p>
<p>&lt;div class="lists"&gt;
&lt;ul class="nes-list is-disc"&gt;
&lt;li&gt;Good morning.&lt;/li&gt;
&lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
&lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
&lt;li&gt;Good night.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</p>
<p><span><</span>div class="lists">
<span><</span>ul class="nes-list is-circle">
<span><</span>li>Good morning.<span><</span>/li>
<span><</span>li>Thou hast had a good night's sleep, I hope.<span><</span>/li>
<span><</span>li>Thou hast had a good afternoon<span><</span>/li>
<span><</span>li>Good night.<span><</span>/li>
<span><</span>/ul>
<span><</span>/div></p>
<p>&lt;div class="lists"&gt;
&lt;ul class="nes-list is-circle"&gt;
&lt;li&gt;Good morning.&lt;/li&gt;
&lt;li&gt;Thou hast had a good night's sleep, I hope.&lt;/li&gt;
&lt;li&gt;Thou hast had a good afternoon&lt;/li&gt;
&lt;li&gt;Good night.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('lists')">Copy</button>
</code>
</section>
@@ -453,57 +453,57 @@
</section>
<section class="nes-container code" id="code-table">
<code>
<p><span><</span>div class="nes-table-responsive">
<span><</span>table class="nes-table is-bordered is-centered">
<span><</span>thead>
<span><</span>tr>
<span><</span>th>Table.is-bordered<span><</span>/th>
<span><</span>th>Table.is-centered<span><</span>/th>
<span><</span>th>Table.is-centered<span><</span>/th>
<span><</span>th>Table.is-centered<span><</span>/th>
<span><</span>/tr>
<span><</span>/thead>
<span><</span>tbody>
<span><</span>tr>
<span><</span>td>Thou hast had a good morning<span><</span>/td>
<span><</span>td>Thou hast had a good afternoon<span><</span>/td>
<span><</span>td>Thou hast had a good evening<span><</span>/td>
<span><</span>td>Thou hast had a good night<span><</span>/td>
<span><</span>/tr>
<span><</span>tr>
<span><</span>td>Thou hast had a good morning<span><</span>/td>
<span><</span>td>Thou hast had a good afternoon<span><</span>/td>
<span><</span>td>Thou hast had a good evening<span><</span>/td>
<span><</span>td>Thou hast had a good night<span><</span>/td>
<span><</span>/tr>
<span><</span>/tbody>
<span><</span>/table>
<span><</span>/div></p>
<p><span><</span>div class="nes-table-responsive">
<span><</span>table class="nes-table is-bordered is-dark">
<span><</span>thead>
<span><</span>tr>
<span><</span>th>Table.is-dark<span><</span>/th>
<span><</span>th>Table.is-bordered<span><</span>/th>
<span><</span>th>Table.is-bordered<span><</span>/th>
<span><</span>th>Table.is-bordered<span><</span>/th>
<span><</span>/tr>
<span><</span>/thead>
<span><</span>tbody>
<span><</span>tr>
<span><</span>td>Thou hast had a good morning<span><</span>/td>
<span><</span>td>Thou hast had a good afternon<span><</span>/td>
<span><</span>td>Thou hast had a good evening<span><</span>/td>
<span><</span>td>Thou hast had a good night<span><</span>/td>
<span><</span>/tr>
<span><</span>tr>
<span><</span>td>Thou hast had a good morning<span><</span>/td>
<span><</span>td>Thou hast had a good afternoon<span><</span>/td>
<span><</span>td>Thou hast had a good afternoon<span><</span>/td>
<span><</span>td>Thou hast had a good afternoon<span><</span>/td>
<span><</span>/tr>
<span><</span>/tbody>
<span><</span>/table></p>
<p>&lt;div class="nes-table-responsive"&gt;
&lt;table class="nes-table is-bordered is-centered"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Table.is-bordered&lt;/th&gt;
&lt;th&gt;Table.is-centered&lt;/th&gt;
&lt;th&gt;Table.is-centered&lt;/th&gt;
&lt;th&gt;Table.is-centered&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Thou hast had a good morning&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
&lt;td&gt;Thou hast had a good evening&lt;/td&gt;
&lt;td&gt;Thou hast had a good night&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Thou hast had a good morning&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
&lt;td&gt;Thou hast had a good evening&lt;/td&gt;
&lt;td&gt;Thou hast had a good night&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;</p>
<p>&lt;div class="nes-table-responsive"&gt;
&lt;table class="nes-table is-bordered is-dark"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Table.is-dark&lt;/th&gt;
&lt;th&gt;Table.is-bordered&lt;/th&gt;
&lt;th&gt;Table.is-bordered&lt;/th&gt;
&lt;th&gt;Table.is-bordered&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Thou hast had a good morning&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternon&lt;/td&gt;
&lt;td&gt;Thou hast had a good evening&lt;/td&gt;
&lt;td&gt;Thou hast had a good night&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Thou hast had a good morning&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
&lt;td&gt;Thou hast had a good afternoon&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('table')">Copy</button>
</code>
</section>
@@ -523,12 +523,12 @@
</section>
<section class="nes-container code" id="code-progress">
<code>
<p><span><</span>progress class="nes-progress" value="90" max="100"><span><</span>/progress></p>
<p><span><</span>progress class="nes-progress is-primary" value="80" max="100"><span><</span>/progress></p>
<p><span><</span>progress class="nes-progress is-success" value="50" max="100"><span><</span>/progress></p>
<p><span><</span>progress class="nes-progress is-warning" value="30" max="100"><span><</span>/progress></p>
<p><span><</span>progress class="nes-progress is-error" value="10" max="100"><span><</span>/progress></p>
<p><span><</span>progress class="nes-progress is-pattern" value="50" max="100"><span><</span>/progress></p>
<p>&lt;progress class="nes-progress" value="90" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-primary" value="80" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-success" value="50" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-warning" value="30" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-error" value="10" max="100"&gt;&lt;/progress&gt;</p>
<p>&lt;progress class="nes-progress is-pattern" value="50" max="100"&gt;&lt;/progress&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('progress')">Copy</button>
</code>
</section>
@@ -575,39 +575,39 @@
</section>
<section class="nes-container code" id="code-badges">
<code>
<p><span><</span>a href="#" class="nes-badge">
<span><</span>span class="is-dark">NES.css<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge">
<span><</span>span class="is-primary">is<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge">
<span><</span>span class="is-success">a<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge">
<span><</span>span class="is-warning">great<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge">
<span><</span>span class="is-error">framework!<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge is-splited">
<span><</span>span class="is-dark">npm<span><</span>/span>
<span><</span>span class="is-primary">1.1.0<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge is-splited">
<span><</span>span class="is-dark">test<span><</span>/span>
<span><</span>span class="is-success">100%<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge is-icon">
<span><</span>span class="is-warning">
<span><</span>i class="nes-icon star is-small"><span><</span>/i>
<span><</span>/span>
<span><</span>span class="is-primary">Icons<span><</span>/span>
<span><</span>/a></p>
<p><span><</span>a href="#" class="nes-badge is-icon">
<span><</span>span class="is-dark">hi<span><</span>/span>
<span><</span>span class="is-warning">Text<span><</span>/span>
<span><</span>/a></p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-dark"&gt;NES.css&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-primary"&gt;is&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-success"&gt;a&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-warning"&gt;great&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge"&gt;
&lt;span class="is-error"&gt;framework!&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-splited"&gt;
&lt;span class="is-dark"&gt;npm&lt;/span&gt;
&lt;span class="is-primary"&gt;1.1.0&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-splited"&gt;
&lt;span class="is-dark"&gt;test&lt;/span&gt;
&lt;span class="is-success"&gt;100%&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-icon"&gt;
&lt;span class="is-warning"&gt;
&lt;i class="nes-icon star is-small"&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="is-primary"&gt;Icons&lt;/span&gt;
&lt;/a&gt;</p>
<p>&lt;a href="#" class="nes-badge is-icon"&gt;
&lt;span class="is-dark"&gt;hi&lt;/span&gt;
&lt;span class="is-warning"&gt;Text&lt;/span&gt;
&lt;/a&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('badges')">Copy</button>
</code>
</section>
@@ -651,34 +651,34 @@
</section>
<section class="nes-container code" id="code-reaction">
<code>
<p><span><</span>i class="nes-icon heart is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon heart"><span><</span>/i></p>
<p><span><</span>i class="nes-icon heart is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon heart is-large"><span><</span>/i></p>
<p><span><</span>i class="nes-icon heart is-empty"><span><</span>/i></p>
<p>&lt;i class="nes-icon heart is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon heart is-empty"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon star is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon star is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon star is-half is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-half"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-half is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-half is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon star is-half is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-half is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon star is-transparent is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-transparent"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-transparent is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon star is-transparent is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon star is-transparent is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon star is-transparent is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon star is-empty"><span><</span>/i></p>
<p>&lt;i class="nes-icon star is-empty"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon like is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon like"><span><</span>/i></p>
<p><span><</span>i class="nes-icon like is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon like is-large"><span><</span>/i></p>
<p><span><</span>i class="nes-icon like is-empty"><span><</span>/i></p>
<p>&lt;i class="nes-icon like is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-large"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon like is-empty"&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('reaction')">Copy</button>
</code>
</section>
@@ -746,60 +746,60 @@
</section>
<section class="nes-container code" id="code-sns">
<code>
<p><span><</span>i class="nes-icon twitter is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitter"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitter is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitter is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon twitter is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitter is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon facebook is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon facebook"><span><</span>/i></p>
<p><span><</span>i class="nes-icon facebook is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon facebook is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon facebook is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon facebook is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon github is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon github"><span><</span>/i></p>
<p><span><</span>i class="nes-icon github is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon github is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon github is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon github is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon youtube is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon youtube"><span><</span>/i></p>
<p><span><</span>i class="nes-icon youtube is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon youtube is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon youtube is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon youtube is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon google is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon google"><span><</span>/i></p>
<p><span><</span>i class="nes-icon google is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon google is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon google is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon google is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon medium is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon medium is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon medium is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon medium is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon medium is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon twitch is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitch"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitch is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon twitch is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon twitch is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon twitch is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon reddit is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon reddit"><span><</span>/i></p>
<p><span><</span>i class="nes-icon reddit is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon reddit is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon reddit is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon reddit is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon whatsapp is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon whatsapp"><span><</span>/i></p>
<p><span><</span>i class="nes-icon whatsapp is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon whatsapp is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon whatsapp is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon whatsapp is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon gmail is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon gmail"><span><</span>/i></p>
<p><span><</span>i class="nes-icon gmail is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon gmail is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon gmail is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon gmail is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon linkedin is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon linkedin"><span><</span>/i></p>
<p><span><</span>i class="nes-icon linkedin is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon linkedin is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon linkedin is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon linkedin is-large"&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('sns')">Copy</button>
</code>
</section>
@@ -836,29 +836,29 @@
</section>
<section class="nes-container code" id="code-others">
<code>
<p><span><</span>i class="nes-icon close is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon close"><span><</span>/i></p>
<p><span><</span>i class="nes-icon close is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon close is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon close is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon close is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-octocat animate"><span><</span>/i></p>
<p>&lt;i class="nes-octocat animate"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-icon trophy is-small"><span><</span>/i></p>
<p><span><</span>i class="nes-icon trophy"><span><</span>/i></p>
<p><span><</span>i class="nes-icon trophy is-medium"><span><</span>/i></p>
<p><span><</span>i class="nes-icon trophy is-large"><span><</span>/i></p>
<p>&lt;i class="nes-icon trophy is-small"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy is-medium"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-icon trophy is-large"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-mario"><span><</span>/i></p>
<p><span><</span>i class="nes-ash"><span><</span>/i></p>
<p><span><</span>i class="nes-pokeball"><span><</span>/i></p>
<p>&lt;i class="nes-mario"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-ash"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-pokeball"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-bulbasaur"><span><</span>/i></p>
<p><span><</span>i class="nes-charmander"><span><</span>/i></p>
<p><span><</span>i class="nes-squirtle"><span><</span>/i></p>
<p>&lt;i class="nes-bulbasaur"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-charmander"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-squirtle"&gt;&lt;/i&gt;</p>
<p><span><</span>i class="nes-smartphone"><span><</span>/i></p>
<p><span><</span>i class="nes-phone"><span><</span>/i></p>
<p><span><</span>i class="nes-kirby"><span><</span>/i></p>
<p>&lt;i class="nes-smartphone"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-phone"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-kirby"&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('others')">Copy</button>
</code>
</section>
@@ -876,10 +876,10 @@
</section>
<section class="nes-container code" id="code-controllers">
<code>
<p><span><</span>i class="nes-logo"><span><</span>/i></p>
<p><span><</span>i class="nes-jp-logo"><span><</span>/i></p>
<p><span><</span>i class="snes-logo"><span><</span>/i></p>
<p><span><</span>i class="snes-jp-logo"><span><</span>/i></p>
<p>&lt;i class="nes-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="nes-jp-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="snes-logo"&gt;&lt;/i&gt;</p>
<p>&lt;i class="snes-jp-logo"&gt;&lt;/i&gt;</p>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button>
</code>
</section>