.app-container {
min-height: calc(100vh - 65px);
@media screen and (max-width: $tablet) {
padding-top: $navbar-height;
}
.app-content {
padding: $navbar-height + 1.5rem 1.5em 1rem 1.5em;
z-index: 2;
&.is-menu-enabled {
margin-left: $navbar-width;
margin-left: 0;
padding-top: 1.5em;
min-height: calc(100vh - 4rem);
min-width: 100%;
.card {
background: #fff;
.no-auth-wrapper {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh;
.noauth-container {
max-width: 450px;
width: 100%;
margin: 0 auto;
padding: 1rem;
@media screen and (max-width: 450px) {
.login-buttons {
flex-direction: column;
.control:first-child {
margin-bottom: 1rem;
.media-content {
width: calc(100% - 48px - 2em);
.content h3 {
.icon, .is-small {
font-size: 1rem;
.underline-none {
text-decoration: none !important;