demo/resources/scss/admin.scss
2023-03-23 18:50:47 +01:00

56 lines
1019 B
SCSS

@import "fonts";
body {
overflow-x:hidden;
background:none;
}
a {
text-decoration: none;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
color: var(--bs-success);
}
label.required::after {
content: ' *';
color: var(--bs-danger);
font-weight: 700;
font-size: 1rem;
}
.d-flex.hover {
transition: background .3s ease;
&:hover {
background: var(--bs-light);
}
}
.alert.aside {
position: absolute;
top: 0;
right:0;
z-index: 2000;
transform: translate(100%, 50%);
border-radius: .25rem 0 0 .25rem;
animation-name: alertaside;
animation-duration: 5s;
animation-timing-function: ease-in-out;
}
.form-switch .form-check-input {
margin-left:-1.5em;
}
@keyframes alertaside {
0% { transform:translate(100%, 50%); }
15% { transform:translate(0%, 50%); }
85% { transform:translate(0%, 50%); }
100% { transform:translate(100%, 50%); }
}