mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-12 00:43:57 +02:00
Sticky footers
This commit is contained in:
@@ -756,3 +756,5 @@
|
||||
|
||||
- Added `$include-footer-bottom` flag, coded the necessary parts for absolute-bottom-aligned `footer` elements. - Resolved #42
|
||||
- Updated all pages to use the new `footer` absolute-alignment. Should solve some issues on different devices.
|
||||
- Changed the implementation of the new `footer` to `sticky`, instead of absolute.
|
||||
- Rolled back all pages that were affected. Should work like a charm now!
|
||||
|
@@ -113,7 +113,7 @@
|
||||
<!-- Insert your page content here-->
|
||||
<main><div class="container">
|
||||
<div class="row cols-sm-12" style="padding-top: 20px">
|
||||
<div><h2>Quick-layout system</h2>
|
||||
<div><h2>Quick-layout system</h2></div>
|
||||
</div>
|
||||
<div class="row cols-sm-12 cols-md-6 cols-lg-4">
|
||||
<div><div class="box-colored"></div></div>
|
||||
@@ -124,7 +124,7 @@
|
||||
<div><div class="box-colored"></div></div>
|
||||
</div>
|
||||
<div class="row cols-sm-12">
|
||||
<div><h2>Classic system</h2>
|
||||
<div><h2>Classic system</h2></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-6 col-lg-4"><div class="box-colored"></div></div>
|
||||
@@ -136,6 +136,6 @@
|
||||
</div>
|
||||
</div></main>
|
||||
<!-- End of page content-->
|
||||
<footer class="bottom"><strong>mini.css</strong> was designed and built with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>
|
||||
<footer class="sticky"><strong>mini.css</strong> was designed and built with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user