.l-wrapper { width: 100%; max-width: 70rem; margin-left: auto; margin-right: auto; } .l-section-pad { padding: 24px 8px; @media (min-width: $bp-m) { padding: 32px 32px; } @media (min-width: $bp-l) { padding: 48px 32px; } } // #position .l-absolute { position: absolute; } .l-relative { position: relative; } .l-underlay { z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } // #sizes .l-screen-min-full { width: 100%; min-height: 100vh; } .l-screen-full { width: 100%; height: 100vh; } // #flex .l-flex { display: flex; } .l-flex-center { justify-content: center; align-items: center; } .l-justify-around { justify-content: space-around; } .l-flex-column { flex-direction: column; } .l-flex-row { flex-direction: row; } .l-flex-wrap { flex-wrap: wrap; } .l-flex-list-row { display: flex; flex-direction: row; justify-content: center; padding-left: 0; list-style: none; margin-bottom: 0; > li { margin-bottom: 0; } }