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:
6
dist/mini-default.css
vendored
6
dist/mini-default.css
vendored
@@ -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.
|
||||
|
2
dist/mini-default.min.css
vendored
2
dist/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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`.
|
||||
|
@@ -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.
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user