Summary Files Commits Branches @commit @diff @stats
path: root / docs / elements.html
diff options
context:
space:
mode:
1 files changed, 21 insertions, 21 deletions
-rw-r--r--docs/elements.html42
diff --git a/docs/elements.html b/docs/elements.html
index 3713c1d..a5ed18d 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="author" content="https://github.com/picturepan2/" />
<title>Elements - Spectre.css CSS Framework</title>
<link rel="stylesheet" href="dist/spectre.css" />
@@ -16,7 +16,7 @@
<div class="columns">
<div id="sidebar" class="s-sidebar">
<div class="s-brand">
- <a href="index.html" class="s-logo tooltip tooltip-bottom" data-tooltip="Spectre.css CSS Framework">
+ <a href="index.html" class="s-logo">
<img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
<h2>Spectre.css</h2>
</a>
@@ -302,78 +302,78 @@
<h4 id="typography-semantic-text" class="s-subtitle">Semantic text elements</h4>
<div class="columns">
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<abbr title="Internationalization">I18N</abbr>
<code class="ml-10">&lt;abbr&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<strong>Bold</strong>
<code class="ml-10">&lt;strong&gt;</code> <code>&lt;b&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<cite>Citation</cite>
<code class="ml-10">&lt;cite&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<code>Hello World!</code>
<code class="ml-10">&lt;code&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<del>Deleted</del>
<code class="ml-10">&lt;del&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<em>Emphasis</em>
<code class="ml-10">&lt;em&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<i>Italic</i>
<code class="ml-10">&lt;i&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<ins>Inserted</ins>
<code class="ml-10">&lt;ins&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<kbd>Ctrl + S</kbd>
<code class="ml-10">&lt;kbd&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<mark>Highlighted</mark>
<code class="ml-10">&lt;mark&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<ruby>
漢 <rt>kan</rt>
字 <rt>ji</rt>
</ruby>
<code class="ml-10">&lt;ruby&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<s>Strikethrough</s>
<code class="ml-10">&lt;s&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<samp>Sample</samp>
<code class="ml-10">&lt;samp&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
Text <sub>Subscripted</sub>
<code class="ml-10">&lt;sub&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
Text <sup>Superscripted</sup>
<code class="ml-10">&lt;sup&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<time>20:00</time>
<code class="ml-10">&lt;time&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<u>Underline</u>
<code class="ml-10">&lt;u&gt;</code>
</div>
- <div class="column col-4 col-xs-12">
+ <div class="column col-6 col-xs-12">
<var>x</var> = <var>y</var> + 2
<code class="ml-10">&lt;var&gt;</code>
</div>