Add a Netlify badge to the footer (#752)

This will qualify us for Netlify's open source program.
This commit is contained in:
Natalie Weizenbaum 2023-06-27 15:47:45 -07:00 committed by GitHub
parent 0b75958646
commit e5e36a004c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 30 additions and 10 deletions

View File

@ -13,16 +13,25 @@
{% renderFile 'source/_includes/footer_nav.md' %}
</div>
<div class="sl-l-grid__column sl-l-large-grid__column--auto-size sl-l-large-grid--justify-right">
<div class="sl-l-grid__column sl-l-large-grid__column--auto-size sl-l-large-grid--justify-right footer-icons">
<a
class="twitter-follow-button"
href="https://twitter.com/SassCSS"
data-show-count="false"
data-size="large">Follow @SassCSS</a>
<a href="https://www.macstadium.com/"><img
alt="Powered by MacStadium"
class="mac-stadium-icon"
src="https://uploads-ssl.webflow.com/5ac3c046c82724970fc60918/5c019d917bba312af7553b49_MacStadium-developerlogo.png"></a>
<div class="sl-l-grid sl-l-small-grid--gutters">
<div class="sl-l-grid__column">
<a href="https://www.netlify.com"><img
alt="Deploys by Netlify"
src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg"/></a>
</div>
<div class="sl-l-grid__column">
<a href="https://www.macstadium.com/"><img
alt="Powered by MacStadium"
class="mac-stadium-icon"
src="https://uploads-ssl.webflow.com/5ac3c046c82724970fc60918/5c019d917bba312af7553b49_MacStadium-developerlogo.png"></a>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,15 @@
.footer-icons {
max-width: 16rem;
}
.twitter-follow-button {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: var(--sl-gutter);
}
.mac-stadium-icon {
width: 7rem;
}

View File

@ -1,4 +0,0 @@
.mac-stadium-icon {
width: 7rem;
margin-top: var(--sl-gutter);
}

View File

@ -28,7 +28,7 @@
@use 'components/introduction';
@use 'components/link-header';
@use 'components/lists';
@use 'components/mac-stadium-icon';
@use 'components/footer-icons';
@use 'components/pop-stripe';
@use 'components/sass-syntax-switcher';
@use 'components/tables';