czydojade/resources/styles/main.scss
2018-09-20 22:10:26 +02:00

72 lines
1.2 KiB
SCSS

$border-radius: 0;
$border-radius-lg: $border-radius;
$border-radius-sm: $border-radius;
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
$custom-control-indicator-checked-bg: $dark;
$custom-control-indicator-active-bg: $dark;
$line-types: (
'trolleybus': #419517,
'tram': #cd2e12,
'bus': #005ea8,
'train': $yellow,
'unknown': $dark
);
$default-spacing: .5rem;
$alert-margin-bottom: $default-spacing;
$headings-margin-bottom: $default-spacing;
$container-max-widths: map-merge($container-max-widths, ( xl: 1320px ));
@import "~bootstrap/scss/bootstrap";
@import "common";
@import "stop";
@import "departure";
@import "line";
@import "controls";
@import "popper";
body {
min-height: 100vh;
display: flex;
flex-direction: column;
main {
flex: 1 1 auto;
}
footer {
@extend .flex;
border-top: 2px solid black;
padding: $alert-padding-y $alert-padding-y;
transition: all .5s ease;
opacity: .06;
filter: grayscale(100%);
&:hover {
opacity: 1;
filter: grayscale(0%);
}
img {
height: 1.5rem;
}
}
}
#app {
margin-top: $grid-gutter-width / 2;
}
@include media-breakpoint-up('md') {
#app {
margin-top: 4rem;
}
}