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

feat(style.css): fix broken layout

Browse Source
This commit is contained in:
BcRikko
2019-02-08 21:58:26 +09:00
parent d9681f1388
commit 7894b8455b
2 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demo/style.css
View File

@@ -115,14 +115,10 @@ div.containers > .nes-container {
} }
.code { .code {
box-sizing: border-box;
display: none; display: none;
padding: 15px 0 0 15px; padding: 0;
margin-top: -20px; margin-top: -20px;
overflow: auto;
font-size: 0.85em; font-size: 0.85em;
color: #e76e55;
background-color: rgba(45, 45, 45, 0.9);
} }
.copy { .copy {

35
index.html
View File

@@ -64,9 +64,8 @@
<button type="button" class="nes-btn is-success">Success</button> <button type="button" class="nes-btn is-success">Success</button>
<button type="button" class="nes-btn is-warning">Warning</button> <button type="button" class="nes-btn is-warning">Warning</button>
<button type="button" class="nes-btn is-error">Error</button> <button type="button" class="nes-btn is-error">Error</button>
&lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt; &lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt;</code></pre>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button> <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
</code></pre>
</section> </section>
<section class="nes-container with-title"> <section class="nes-container with-title">
@@ -523,37 +522,37 @@
<h2 class="title">Badges</h2> <h2 class="title">Badges</h2>
<div id="badges"> <div id="badges">
<a href="#" class="nes-badge"> <a href="#" class="nes-badge">
<span class="is-dark">NES.css</span> <span class="is-dark">NES.css</span>
</a> </a>
<a href="#" class="nes-badge"> <a href="#" class="nes-badge">
<span class="is-primary">is</span> <span class="is-primary">is</span>
</a> </a>
<a href="#" class="nes-badge"> <a href="#" class="nes-badge">
<span class="is-success">a</span> <span class="is-success">a</span>
</a> </a>
<a href="#" class="nes-badge"> <a href="#" class="nes-badge">
<span class="is-warning">great</span> <span class="is-warning">great</span>
</a> </a>
<a href="#" class="nes-badge"> <a href="#" class="nes-badge">
<span class="is-error">framework!</span> <span class="is-error">framework!</span>
</a> </a>
<a href="#" class="nes-badge is-splited"> <a href="#" class="nes-badge is-splited">
<span class="is-dark">npm</span> <span class="is-dark">npm</span>
<span class="is-primary">1.1.0</span> <span class="is-primary">1.1.0</span>
</a> </a>
<a href="#" class="nes-badge is-splited"> <a href="#" class="nes-badge is-splited">
<span class="is-dark">test</span> <span class="is-dark">test</span>
<span class="is-success">100%</span> <span class="is-success">100%</span>
</a> </a>
<a href="#" class="nes-badge is-icon"> <a href="#" class="nes-badge is-icon">
<span class="is-warning"> <span class="is-warning">
<i class="nes-icon star is-small"></i> <i class="nes-icon star is-small"></i>
</span> </span>
<span class="is-primary">Icons</span> <span class="is-primary">Icons</span>
</a> </a>
<a href="#" class="nes-badge is-icon"> <a href="#" class="nes-badge is-icon">
<span class="is-dark">hi</span> <span class="is-dark">hi</span>
<span class="is-warning">Text</span> <span class="is-warning">Text</span>
</a> </a>
</div> </div>
<button type="button" class="nes-btn is-error show-code" id="show-badges-code">&lt;&gt;</button> <button type="button" class="nes-btn is-error show-code" id="show-badges-code">&lt;&gt;</button>