Don't show the llama background when on mobile
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2020-05-09 21:46:28 +02:00
parent f75c3ed4f7
commit ce1bfba5fd
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 11 additions and 4 deletions

View File

@ -1,18 +1,25 @@
@import '../../../node_modules/bulma/bulma';
*, *:hover, *:active, *:focus{
*, *:hover, *:active, *:focus {
outline: none;
}
body {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh;
@media screen and (max-width: $tablet) {
&:not(.has-llama) {
background: $light-background;
}
}
}
h1,h2,h3,h4,h5,h6{
h1, h2, h3, h4, h5, h6 {
font-family: $vikunja-font;
font-weight: 400 !important;
}
.logo {
padding-left: 2rem !important;
@ -27,7 +34,7 @@ h1,h2,h3,h4,h5,h6{
border-radius: $radius-large;
}
.has-no-border{
.has-no-border {
border: none !important;
}
@ -35,7 +42,7 @@ h1,h2,h3,h4,h5,h6{
border-radius: $radius;
}
.image.is-avatar{
.image.is-avatar {
border-radius: 100%;
}