vikunja-frontend/src/styles/theme/content.scss
2021-01-16 21:48:38 +01:00

57 lines
936 B
SCSS

.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;
}
@media screen and (max-width: $tablet) {
margin-left: 0;
padding-top: 1.5em;
min-height: calc(100vh - 4rem);
&.is-menu-enabled {
min-width: 100%;
margin-left: 0;
}
}
.card {
background: #fff;
}
}
}
.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;
}
}