website/static/src/scss/base.scss

56 lines
888 B
SCSS

@use "sass:math";
@use "sass:color";
@use "bulma_overrides" as *;
@use "mixins" as *;
@import "bulma/bulma";
@import "variables";
@import "navbar";
@import "homepage";
@import "footer";
@import "hero";
@import "content";
@import "listing";
@import "blocks";
@import "shareon";
@import "search";
@import "spotify";
@import "404";
@import "contact";
@import "password_required";
html,
body {
min-height: 100vh;
display: flex;
flex-direction: column;
font-variant-ligatures: none;
@include dark-mode {
background-color: $dark-mode-background;
color: $dark-mode-text;
}
}
main {
margin-bottom: 2rem;
}
a {
transition-property: color, background-color;
transition-duration: $link-hover-duration !important;
@include dark-mode {
&:hover {
color: $grey-lighter;
}
}
}
.wagtail-userbar {
@include dark-mode {
filter: invert(100%);
}
}