150 lines
2.0 KiB
SCSS
150 lines
2.0 KiB
SCSS
// sass-lint:disable final-newline empty-line-between-blocks class-name-format no-url-protocols no-url-domains nesting-depth
|
|
@charset 'utf-8';
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito|Raleway|Open+Sans&display=swap');
|
|
@import './framework';
|
|
@import './transitions';
|
|
|
|
:root {
|
|
--primary-color: #{$primary};
|
|
--primary-font-color: #{$main};
|
|
}
|
|
|
|
html {
|
|
overflow-y: auto;
|
|
background-color: $primary;
|
|
min-height: 100vh;
|
|
user-select: none;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
min-height: 100vh;
|
|
padding: 15px 0 0;
|
|
}
|
|
|
|
.app {
|
|
color: $main;
|
|
text-align: center;
|
|
|
|
.field-body {
|
|
flex-grow: 3;
|
|
}
|
|
}
|
|
|
|
nav {
|
|
&.nav {
|
|
a {
|
|
color: $main;
|
|
font-weight: bold;
|
|
|
|
&.router-link-exact-active {
|
|
color: $blue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.app,
|
|
a,
|
|
button {
|
|
font-family: 'Nunito', sans-serif;
|
|
}
|
|
|
|
.numeric {
|
|
font-family: 'Cutive Mono', monospace;
|
|
}
|
|
|
|
$navbar-color: #eaeaea4d;
|
|
|
|
.navbar-menu {
|
|
.navbar-item {
|
|
border: 2px solid $navbar-color;
|
|
border-radius: 10px;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
|
|
.title,
|
|
.subtitle,
|
|
tr {
|
|
color: $main;
|
|
font-family: 'Raleway', sans-serif;
|
|
}
|
|
|
|
img {
|
|
&.logo {
|
|
height: auto;
|
|
margin: 10px 0;
|
|
width: 180pt;
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
height: auto;
|
|
width: 50px;
|
|
}
|
|
|
|
.back-icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.breadcrumb {
|
|
font-size: 16pt;
|
|
text-align: center;
|
|
|
|
ul {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.notyf {
|
|
left: 30px;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
// Service Worker update
|
|
.notify-worker {
|
|
background-color: $main;
|
|
border-radius: 2px;
|
|
bottom: 30px;
|
|
color: $white;
|
|
margin: auto;
|
|
max-width: 450px;
|
|
min-width: 250px;
|
|
padding: 16px;
|
|
position: fixed;
|
|
text-align: center;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 1;
|
|
|
|
&.show {
|
|
animation: fadein 0.5s;
|
|
visibility: visible;
|
|
}
|
|
|
|
button {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
table {
|
|
.total {
|
|
font-variant: small-caps;
|
|
}
|
|
}
|
|
|
|
@keyframes fadein {
|
|
from {
|
|
bottom: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
bottom: 30px;
|
|
opacity: 1;
|
|
}
|
|
}
|