Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * Sticky footer with flexible height
- */
- body {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- }
- main {
- flex: 2;
- }
- /* Toggle checkbox to alternate between short/long content */
- #contents:checked ~ p { display: none }
- /* Basic styling */
- body {
- margin: 0;
- font: 100%/1.5 Baskerville, Palatino Linotype, Palatino, serif;
- }
- h1 { margin: .5em 0 0; }
- header { text-align: center; height: 3em; }
- main, footer {
- display: block;
- padding: .5em calc(50% - 400px);
- }
- /*footer {
- flex: 1;
- background: linear-gradient(#222, #444);
- color: white;
- }*/
Add Comment
Please, Sign In to add comment