2020-05-08 18:02:18 +02:00
|
|
|
@import "variables";
|
2020-05-15 17:52:59 +02:00
|
|
|
@import "transitions";
|
2020-05-08 18:02:18 +02:00
|
|
|
@import "mdi-additions";
|
2020-05-11 18:05:34 +02:00
|
|
|
@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;
|
|
|
|
}
|
|
|
|
|
2020-05-12 18:27:31 +02:00
|
|
|
.dbi{
|
|
|
|
display: inline-block;
|
|
|
|
width: 42px;
|
|
|
|
height: 42px;
|
|
|
|
background-size: cover;
|
|
|
|
|
|
|
|
&.dbi-mysql{
|
|
|
|
background-image: url('/svg/mysql.svg');
|
|
|
|
}
|
2020-05-11 18:05:34 +02:00
|
|
|
|
2020-05-12 18:27:31 +02:00
|
|
|
&.dbi-mssql{
|
|
|
|
background-image: url('/svg/mssql.svg');
|
|
|
|
}
|
|
|
|
|
|
|
|
&.dbi-pg{
|
|
|
|
background-image: url('/svg/pg.svg');
|
|
|
|
}
|
2020-05-11 18:05:34 +02:00
|
|
|
|
2020-05-12 18:27:31 +02:00
|
|
|
&.dbi-oracledb{
|
|
|
|
background-image: url('/svg/oracledb3.svg');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*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;
|
|
|
|
}
|
2020-05-11 18:05:34 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|