mirror of https://github.com/Fabio286/antares.git
155 lines
2.3 KiB
SCSS
155 lines
2.3 KiB
SCSS
@import "~spectre.css/src/variables";
|
|
@import "variables";
|
|
@import "transitions";
|
|
@import "data-types";
|
|
@import "fake-tables";
|
|
@import "mdi-additions";
|
|
@import "db-icons";
|
|
@import "~spectre.css/src/spectre";
|
|
@import "~spectre.css/src/spectre-exp";
|
|
|
|
body {
|
|
user-select: none;
|
|
}
|
|
|
|
/* Additions */
|
|
@include margin-variant(3, $unit-3);
|
|
@include margin-variant(4, $unit-4);
|
|
@include padding-variant(3, $unit-3);
|
|
@include padding-variant(4, $unit-4);
|
|
|
|
.btn.btn-gray {
|
|
color: #fff;
|
|
background: $bg-color-gray;
|
|
|
|
&:hover {
|
|
background: $bg-color;
|
|
}
|
|
}
|
|
|
|
.p-vcentered {
|
|
display: flex !important;
|
|
align-items: center;
|
|
}
|
|
|
|
.c-help {
|
|
cursor: help;
|
|
}
|
|
|
|
// Scrollbars
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: $bg-color-light;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba($color: #fff, $alpha: 0.5);
|
|
|
|
&:hover {
|
|
background: rgba($color: #fff, $alpha: 1);
|
|
}
|
|
}
|
|
|
|
// Animations
|
|
@keyframes rotation {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.rotate {
|
|
animation: rotation 0.8s infinite linear;
|
|
}
|
|
|
|
/* Override */
|
|
.modal {
|
|
.modal-overlay,
|
|
&.active .modal-overlay {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.modal-container,
|
|
.modal-sm .modal-container {
|
|
box-shadow: 0 0 1px 0 #000;
|
|
padding: 0;
|
|
background: $bg-color;
|
|
|
|
.modal-header {
|
|
padding: 0.4rem 0.8rem;
|
|
text-transform: uppercase;
|
|
background: $bg-color-gray;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tab {
|
|
border-color: #272727;
|
|
}
|
|
|
|
.panel {
|
|
border: none;
|
|
}
|
|
|
|
.badge {
|
|
&[data-badge],
|
|
&:not([data-badge]) {
|
|
&::after {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-select {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.form-select,
|
|
.form-select:not([multiple]):not([size]),
|
|
.form-input,
|
|
.form-checkbox .form-icon,
|
|
.form-radio .form-icon {
|
|
border-color: $bg-color-light;
|
|
background: $bg-color-gray;
|
|
}
|
|
|
|
.form-select:not([multiple]):not([size]):focus {
|
|
border-color: $primary-color;
|
|
}
|
|
|
|
.input-group .input-group-addon {
|
|
border-color: #3f3f3f;
|
|
}
|
|
|
|
.menu {
|
|
font-size: 0.7rem;
|
|
|
|
.menu-item {
|
|
+ .menu-item {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.accordion-body {
|
|
max-height: 500rem !important;
|
|
}
|
|
|
|
.btn.loading {
|
|
> .material-icons,
|
|
> span {
|
|
visibility: hidden;
|
|
}
|
|
}
|