Don't show the llama background when on mobile
This commit is contained in:
parent
f75c3ed4f7
commit
ce1bfba5fd
1 changed files with 11 additions and 4 deletions
|
@ -1,18 +1,25 @@
|
||||||
@import '../../../node_modules/bulma/bulma';
|
@import '../../../node_modules/bulma/bulma';
|
||||||
|
|
||||||
*, *:hover, *:active, *:focus{
|
*, *:hover, *:active, *:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
|
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
|
||||||
min-height: 100vh;
|
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-family: $vikunja-font;
|
||||||
font-weight: 400 !important;
|
font-weight: 400 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
|
|
||||||
padding-left: 2rem !important;
|
padding-left: 2rem !important;
|
||||||
|
@ -27,7 +34,7 @@ h1,h2,h3,h4,h5,h6{
|
||||||
border-radius: $radius-large;
|
border-radius: $radius-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-no-border{
|
.has-no-border {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -35,7 +42,7 @@ h1,h2,h3,h4,h5,h6{
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image.is-avatar{
|
.image.is-avatar {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue