Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
development:css:start [2021/01/12 11:16] kalenpw |
development:css:start [2021/06/29 14:59] (current) kalenpw |
||
|---|---|---|---|
| Line 4: | Line 4: | ||
| * [[ .: less | LESS ]] | * [[ .: less | LESS ]] | ||
| * [[ .: sass | SASS ]] | * [[ .: sass | SASS ]] | ||
| + | |||
| + | ---- | ||
| + | ===== Sticky Footer ===== | ||
| + | Ensure your content (header, body, etc everything besides footer) is all wrapped in a ''< | ||
| + | <code css> | ||
| + | html, | ||
| + | body { | ||
| + | height: 100%; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | display: flex; | ||
| + | flex-direction: | ||
| + | } | ||
| + | |||
| + | .content-wrapper { | ||
| + | flex: 1 0 auto; | ||
| + | } | ||
| + | |||
| + | footer { | ||
| + | flex-shrink: | ||
| + | } | ||
| + | </ | ||
| ---- | ---- | ||
| Line 15: | Line 38: | ||
| } | } | ||
| </ | </ | ||
| + | ---- | ||