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

Make spacing classes consistent with docs

Browse Source
This commit is contained in:
Cory LaViska
2017-08-02 11:29:33 -04:00
parent bc2d2da6cd
commit 2569bf2d85
2 changed files with 39 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@@ -51,7 +51,7 @@
Shoelace was created by <a href="https://twitter.com/claviska">@claviska</a> for
<a href="https://www.surrealcms.com/">Surreal CMS</a>. It’s available under the MIT license.
</p>
<p class="margin-t-medium text-center">
<p class="margin-top-medium text-center">
<a class="github-button" href="https://github.com/claviska/shoelace-css/fork" data-size="large" aria-label="Fork claviska/shoelace-css on GitHub">Fork</a>
<a class="github-button" href="https://github.com/claviska/shoelace-css/releases" data-icon="octicon-cloud-download" data-size="large" aria-label="Download claviska/shoelace-css on GitHub">Download</a>
<a class="github-button" href="https://github.com/claviska/shoelace-css/issues" data-icon="octicon-issue-opened" data-size="large" aria-label="Issue claviska/shoelace-css on GitHub">Report a Bug</a>
@@ -230,12 +230,12 @@ npm install --save-dev shoelace-css
</p>
<h3 id="headings">Headings <code>&lt;h1&gt; – &lt;h6&gt;</code></h3>
<h1 style="margin-top: 0;">Heading 1</h1>
<h2 style="margin-top: 0;">Heading 2</h2>
<h3 style="margin-top: 0;">Heading 3</h3>
<h4 style="margin-top: 0;">Heading 4</h4>
<h5 style="margin-top: 0;">Heading 5</h5>
<h6 style="margin-top: 0;">Heading 6</h6>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h3 id="paragraphs">Paragraphs <code>&lt;p&gt;</code></h3>
<p>

64
source/css/utilities.css
View File

@@ -77,66 +77,66 @@
.padding-none { padding: 0 !important; }
.padding-x-none { padding-left: 0 !important; padding-right: 0 !important; }
.padding-y-none { padding-top: 0 !important; padding-bottom: 0 !important; }
.padding-t-none { padding-top: 0 !important; }
.padding-r-none { padding-right: 0 !important; }
.padding-b-none { padding-bottom: 0 !important; }
.padding-l-none { padding-left: 0 !important; }
.padding-top-none { padding-top: 0 !important; }
.padding-right-none { padding-right: 0 !important; }
.padding-bottom-none { padding-bottom: 0 !important; }
.padding-left-none { padding-left: 0 !important; }
.padding-small { padding: var(--spacing-small) !important; }
.padding-x-small { padding-left: var(--spacing-small) !important; padding-right: var(--spacing-small) !important; }
.padding-y-small { padding-top: var(--spacing-small) !important; padding-bottom: var(--spacing-small) !important; }
.padding-t-small { padding-top: var(--spacing-small) !important; }
.padding-r-small { padding-right: var(--spacing-small) !important; }
.padding-b-small { padding-bottom: var(--spacing-small) !important; }
.padding-l-small { padding-left: var(--spacing-small) !important; }
.padding-top-small { padding-top: var(--spacing-small) !important; }
.padding-right-small { padding-right: var(--spacing-small) !important; }
.padding-bottom-small { padding-bottom: var(--spacing-small) !important; }
.padding-left-small { padding-left: var(--spacing-small) !important; }
.padding-medium { padding: var(--spacing-medium) !important; }
.padding-x-medium { padding-left: var(--spacing-medium) !important; padding-right: var(--spacing-medium) !important; }
.padding-y-medium { padding-top: var(--spacing-medium) !important; padding-bottom: var(--spacing-medium) !important; }
.padding-t-medium { padding-top: var(--spacing-medium) !important; }
.padding-r-medium { padding-right: var(--spacing-medium) !important; }
.padding-b-medium { padding-bottom: var(--spacing-medium) !important; }
.padding-l-medium { padding-left: var(--spacing-medium) !important; }
.padding-top-medium { padding-top: var(--spacing-medium) !important; }
.padding-right-medium { padding-right: var(--spacing-medium) !important; }
.padding-bottom-medium { padding-bottom: var(--spacing-medium) !important; }
.padding-left-medium { padding-left: var(--spacing-medium) !important; }
.padding-big { padding: var(--spacing-big) !important; }
.padding-x-big { padding-left: var(--spacing-big) !important; padding-right: var(--spacing-big) !important; }
.padding-y-big { padding-top: var(--spacing-big) !important; padding-bottom: var(--spacing-big) !important; }
.padding-t-big { padding-top: var(--spacing-big) !important; }
.padding-r-big { padding-right: var(--spacing-big) !important; }
.padding-b-big { padding-bottom: var(--spacing-big) !important; }
.padding-l-big { padding-left: var(--spacing-big) !important; }
.padding-top-big { padding-top: var(--spacing-big) !important; }
.padding-right-big { padding-right: var(--spacing-big) !important; }
.padding-bottom-big { padding-bottom: var(--spacing-big) !important; }
.padding-left-big { padding-left: var(--spacing-big) !important; }
.margin-none { margin: 0 !important; }
.margin-x-none { margin-left: 0 !important; margin-right: 0 !important; }
.margin-y-none { margin-top: 0 !important; margin-bottom: 0 !important; }
.margin-t-none { margin-top: 0 !important; }
.margin-r-none { margin-right: 0 !important; }
.margin-b-none { margin-bottom: 0 !important; }
.margin-l-none { margin-left: 0 !important; }
.margin-top-none { margin-top: 0 !important; }
.margin-right-none { margin-right: 0 !important; }
.margin-bottom-none { margin-bottom: 0 !important; }
.margin-left-none { margin-left: 0 !important; }
.margin-small { margin: var(--spacing-small) !important; }
.margin-x-small { margin-left: var(--spacing-small) !important; margin-right: var(--spacing-small) !important; }
.margin-y-small { margin-top: var(--spacing-small) !important; margin-bottom: var(--spacing-small) !important; }
.margin-t-small { margin-top: var(--spacing-small) !important; }
.margin-r-small { margin-right: var(--spacing-small) !important; }
.margin-b-small { margin-bottom: var(--spacing-small) !important; }
.margin-l-small { margin-left: var(--spacing-small) !important; }
.margin-top-small { margin-top: var(--spacing-small) !important; }
.margin-right-small { margin-right: var(--spacing-small) !important; }
.margin-bottom-small { margin-bottom: var(--spacing-small) !important; }
.margin-left-small { margin-left: var(--spacing-small) !important; }
.margin-medium { margin: var(--spacing-medium) !important; }
.margin-x-medium { margin-left: var(--spacing-medium) !important; margin-right: var(--spacing-medium) !important; }
.margin-y-medium { margin-top: var(--spacing-medium) !important; margin-bottom: var(--spacing-medium) !important; }
.margin-t-medium { margin-top: var(--spacing-medium) !important; }
.margin-r-medium { margin-right: var(--spacing-medium) !important; }
.margin-b-medium { margin-bottom: var(--spacing-medium) !important; }
.margin-l-medium { margin-left: var(--spacing-medium) !important; }
.margin-top-medium { margin-top: var(--spacing-medium) !important; }
.margin-right-medium { margin-right: var(--spacing-medium) !important; }
.margin-bottom-medium { margin-bottom: var(--spacing-medium) !important; }
.margin-left-medium { margin-left: var(--spacing-medium) !important; }
.margin-big { margin: var(--spacing-big) !important; }
.margin-x-big { margin-left: var(--spacing-big) !important; margin-right: var(--spacing-big) !important; }
.margin-y-big { margin-top: var(--spacing-big) !important; margin-bottom: var(--spacing-big) !important; }
.margin-t-big { margin-top: var(--spacing-big) !important; }
.margin-r-big { margin-right: var(--spacing-big) !important; }
.margin-b-big { margin-bottom: var(--spacing-big) !important; }
.margin-l-big { margin-left: var(--spacing-big) !important; }
.margin-top-big { margin-top: var(--spacing-big) !important; }
.margin-right-big { margin-right: var(--spacing-big) !important; }
.margin-bottom-big { margin-bottom: var(--spacing-big) !important; }
.margin-left-big { margin-left: var(--spacing-big) !important; }
.margin-x-auto { margin-left: auto !important; margin-right: auto !important; }
.margin-y-auto { margin-top: auto !important; margin-bottom: auto !important; }