1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-06 22:06:30 +02:00

Sticky footer final commit

This commit is contained in:
Angelos Chalaris
2017-01-08 18:43:59 +02:00
parent 7abb30843a
commit e5a9ba5661
4 changed files with 8 additions and 7 deletions

View File

@@ -682,10 +682,10 @@ footer {
color: #039be5; }
footer.sticky {
box-sizing: border-box;
position: absolute;
position: -webkit-sticky;
position: sticky;
bottom: 0;
width: 100%; }
z-index: 1101; }
/*
Definitions for forms and input elements.

File diff suppressed because one or more lines are too long

View File

@@ -758,3 +758,4 @@
- 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!
- Finalized the `sticky` `footer`.

View File

@@ -145,9 +145,9 @@ footer {
}
@if $include-footer-sticky {
footer.#{$footer-sticky-name}{
box-sizing: border-box;
position: absolute;
position: -webkit-sticky;
position: sticky;
bottom: 0;
width: 100%;
z-index: 1101; // Deals with certain problems when combined with cards and tables.
}
}