js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 20:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix indentations for <pre>

Browse Source
This commit is contained in:
Cory LaViska
2017-07-30 10:45:48 -04:00
parent 47ee5ca7fc
commit d4383628a1
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@@ -165,9 +165,9 @@ npm install --save-dev shoelace-css
<a href="#custom-components">custom components</a>.
</p>
<pre>
.your-selector {
color: var(--state-danger);
}
.your-selector {
color: var(--state-danger);
}
</pre>
<p>
Refer to <code><a href="source/css/variables.css">variables.css</a></code> for a complete
@@ -393,12 +393,12 @@ PRINT "SHOELACE IS AWESOME"
<code>alert-*</code> modifier.
</p>
<pre>
&lt;div class=&quot;alert&quot;&gt;Default&lt;/div&gt;
&lt;div class=&quot;alert alert-success&quot;&gt;Success&lt;/div&gt;
&lt;div class=&quot;alert alert-info&quot;&gt;Info&lt;/span&gt;
&lt;div class=&quot;alert alert-warning&quot;&gt;Warning&lt;/div&gt;
&lt;div class=&quot;alert alert-danger&quot;&gt;Danger&lt;/div&gt;
&lt;div class=&quot;alert alert-inverse&quot;&gt;Inverse&lt;/div&gt;
&lt;div class=&quot;alert&quot;&gt;Default&lt;/div&gt;
&lt;div class=&quot;alert alert-success&quot;&gt;Success&lt;/div&gt;
&lt;div class=&quot;alert alert-info&quot;&gt;Info&lt;/span&gt;
&lt;div class=&quot;alert alert-warning&quot;&gt;Warning&lt;/div&gt;
&lt;div class=&quot;alert alert-danger&quot;&gt;Danger&lt;/div&gt;
&lt;div class=&quot;alert alert-inverse&quot;&gt;Inverse&lt;/div&gt;
</pre>
<div class="alert">This is a default alert <a href="#">with link</a></div>
<div class="alert alert-success">This is a success alert <a href="#">with link</a></div>
@@ -422,12 +422,12 @@ PRINT "SHOELACE IS AWESOME"
modifier.
</p>
<pre>
&lt;span class=&quot;badge&quot;&gt;Default&lt;/span&gt;
&lt;span class=&quot;badge badge-success&quot;&gt;Success&lt;/span&gt;
&lt;span class=&quot;badge badge-info&quot;&gt;Info&lt;/span&gt;
&lt;span class=&quot;badge badge-warning&quot;&gt;Warning&lt;/span&gt;
&lt;span class=&quot;badge badge-danger&quot;&gt;Danger&lt;/span&gt;
&lt;span class=&quot;badge badge-inverse&quot;&gt;Inverse&lt;/span&gt;
&lt;span class=&quot;badge&quot;&gt;Default&lt;/span&gt;
&lt;span class=&quot;badge badge-success&quot;&gt;Success&lt;/span&gt;
&lt;span class=&quot;badge badge-info&quot;&gt;Info&lt;/span&gt;
&lt;span class=&quot;badge badge-warning&quot;&gt;Warning&lt;/span&gt;
&lt;span class=&quot;badge badge-danger&quot;&gt;Danger&lt;/span&gt;
&lt;span class=&quot;badge badge-inverse&quot;&gt;Inverse&lt;/span&gt;
</pre>
<p>
<span class="badge">Default</span>