Zelda64Recomp/assets/scss/styles/components/CenteredPage.scss

19 lines
384 B
SCSS

$page-margin: 16;
.centered-page {
@extend %nav-all;
display: flex;
flex-direction: column;
position: relative;
margin: #{$page-margin}dp auto;
// 16:9
// max-width: 1280dp;
// 4:3
max-width: #{960 - ($page-margin * 2)}dp;
width: 100%;
height: #{720 - ($page-margin * 2)}dp;
background: $color-bg-shadow-2;
border-radius: 16dp;
}