mirror of https://github.com/Fabio286/antares.git
142 lines
2.3 KiB
SCSS
142 lines
2.3 KiB
SCSS
@import "variables";
|
|
@import "transitions";
|
|
@import "mdi-additions";
|
|
@import "~spectre.css/src/spectre";
|
|
|
|
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;
|
|
}
|
|
|
|
.dbi{
|
|
display: inline-block;
|
|
width: 42px;
|
|
height: 42px;
|
|
background-size: cover;
|
|
|
|
&.dbi-mysql{
|
|
background-image: url('/svg/mysql.svg');
|
|
}
|
|
|
|
&.dbi-mssql{
|
|
background-image: url('/svg/mssql.svg');
|
|
}
|
|
|
|
&.dbi-pg{
|
|
background-image: url('/svg/pg.svg');
|
|
}
|
|
|
|
&.dbi-oracledb{
|
|
background-image: url('/svg/oracledb.svg');
|
|
}
|
|
}
|
|
|
|
// Scrollbars
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: $bg-color-light;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba($color: #FFF, $alpha: .5);
|
|
|
|
&:hover {
|
|
background: rgba($color: #FFF, $alpha: 1);
|
|
}
|
|
}
|
|
|
|
// Animations
|
|
@keyframes rotation {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.rotate {
|
|
animation: rotation .8s infinite linear;
|
|
}
|
|
|
|
/*Override*/
|
|
.modal{
|
|
.modal-overlay,
|
|
&.active .modal-overlay{
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.modal-sm .modal-container,
|
|
.modal-container{
|
|
box-shadow: 0 0 1px 0px #000;
|
|
padding: 0;
|
|
background: $bg-color;
|
|
|
|
.modal-header{
|
|
padding: .4rem .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;
|
|
} |