Skip to content
This repository has been archived by the owner on Nov 21, 2022. It is now read-only.

Commit

Permalink
Mobile + Desktop footers coexist
Browse files Browse the repository at this point in the history
- there's not really a way for me to make this easy
- you'll need two versions for the different screens
- F12 your way to footer nirvana
  • Loading branch information
David Haynes committed Mar 25, 2018
1 parent 8f9ed81 commit e8866cd
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 7 deletions.
20 changes: 17 additions & 3 deletions src/html/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ <h5 class="card-header">CSS</h5>
</div>

<div class="col-md-6">
<div class="card bg-light">
<div class="card bg-light mb-3">
<h5 class="card-header">JS</h5>
<div class="card-body">
<pre class="p-3"><code>&lt;script src="https://srct.gmu.io/masonstrap/js/masonstrap.min.js"&gt;&lt;/script&gt;</code></pre>
Expand All @@ -122,13 +122,27 @@ <h5 class="card-header">JS</h5>
</div>
</div>

<div class="footer">
<!-- Desktop footer -->
<div class="footer d-none d-md-block">
<div class="container d-flex">
<span class="text-muted mx-auto">A project of <a href="https://www.srct.gmu.edu">GMU <strong>SRCT</strong></a> | Freely Licensed under <a href="https://git.gmu.edu/srct/masonstrap/blob/master/LICENSE">MIT</a> | <a href="https://git.gmu.edu/srct/masonstrap/blob/master/CHANGELOG.md">v4.0</a></span>
</div>
</div>

<!-- load in external js -->
<!-- Mobile footer -->
<div class="footer container text-center d-sm-block d-md-none d-lg-none d-xl-none">
<div class="col-sm-4 text-muted">
A project of <a href="https://www.srct.gmu.edu">GMU <strong>SRCT</strong></a>
</div>
<div class="col-sm-4 text-muted">
Freely Licensed under <a href="https://git.gmu.edu/srct/masonstrap/blob/master/LICENSE">MIT</a>
</div>
<div class="col-sm-4 text-muted">
<a href="https://git.gmu.edu/srct/masonstrap/blob/master/CHANGELOG.md">v4.0</a>
</div>
</div>

<!-- External js -->
<script src="./js/masonstrap.min.js"></script>

</html>
4 changes: 0 additions & 4 deletions src/scss/_styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,5 @@ body {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px;
/* Vertically center the text there */
background-color: #f5f5f5;
}

0 comments on commit e8866cd

Please sign in to comment.