feat(style.css): fix broken layout

nostalgic-css · Feb 8, 2019 · 7894b84 · 7894b84
1 parent d9681f1
commit 7894b84
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 23 deletions.
diff --git a/demo/style.css b/demo/style.css
@@ -115,14 +115,10 @@ div.containers > .nes-container {
 }
 
 .code {
-  box-sizing: border-box;
   display: none;
-  padding: 15px 0 0 15px;
+  padding: 0;
   margin-top: -20px;
-  overflow: auto;
   font-size: 0.85em;
-  color: #e76e55;
-  background-color: rgba(45, 45, 45, 0.9);
 }
 
 .copy {

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