/* Container
========================================================================== */
/**
* 1. Make body position relative so subsequent items can be positioned
* absolutely if desired.
* 2. Remove default margin.
*/
body {
display: flex;
/* 1 */
position: relative;
box-sizing: border-box;
flex-direction: column;
min-height: 100vh;
/* 2 */
margin: 0;
padding: 4em 4% 0;
background: $color-background;
color: $color-text;
overscroll-behavior: none;
}
@include dark-mode {
//body {
background: $dark-color-background;
color: $dark-color-text;
//}
}
/**
* Main content area.
*
* Example HTML:
*
*
*
*
* Content
*
*
*
*/
.txp-body {
flex-grow: 1;
width: 100%;
max-width: $container-max-width;
margin: 0 auto;
}